Save the Internet: Click here


Kickass Web Design creates Custom Themes and Templates for WordPress, Cubecart, ModX, Movable Type, ZenCart, Joomla, Tolranet Directory Script and other web applications. We can match your current design or create something totally new and different. Interested? Request a Custom Template Quote.


Archive for the 'CSS Tricks and Hacks' Category

Safari Filter

Wednesday, February 6th, 2008

Safari is one of the good browsers, right?
I sometimes wonder, since its behavior is not always identical to the OTHER good browsers, Firefox and Opera (especially the windows version of Safari, which refuses to show css chosen fonts for ANY h elements, a bizarreness beyond belief and very annoying.)
Well, according to a poster on the […]

Equal Height Columns using CSS

Tuesday, October 9th, 2007

My favorite Norwegian Cow has a great article that wraps up in a nice package the use of CSS display table properties to create equal height columns, and the workarounds that he’s developed to make both IE6 and 7 understand what all the other browsers get with few problems. Georg’s method allows us to develop […]

Wide Screens and Usability

Tuesday, July 24th, 2007

More and more people are going to wide screens these days. In general, though your particular stats may vary, less than 9% of web users overall are surfing at an 800 x 600 resolution. Approximately half are using 1024 x 768, with the rest using resolutions between 1280 wide and 1680 wide.
With css we CAN […]

My take on IE7; meet the new bugs, same as the old bugs

Sunday, June 24th, 2007

IE7 Devs promised a lot, and indeed they did fix some of the most glaring errors in Web Standards Compliance in IE7. I will be forever grateful for IE7 now paying attention to min width/height and max width/height, even though I still have to hack for IE6 for those attributes. But after a few months […]

IE6 Min-height ‘Hack’ that isn’t

Wednesday, June 13th, 2007

Now that IE7 recognizes the min-height but so many people are still using IE6, how do we make sure that IE6 “gets” min-height without hacking?
According to Shelly on the CSS-Discuss list, the cleanest simplest way is to use the cascade and the fact that IE6 treats height as if it’s min-height.
First you use this AT […]

Targeting Safari and Firefox in CSS hacks

Tuesday, March 27th, 2007

Tanrei has a great article on some css filters I was unaware of. In different combinations they allow you to filter to different browsers, especially Safari, that were tough to deal with in the past when the stray bit of layout went awry in that browser (which luckily doesn’t happen TOO often!)
The browsers that these […]

IE and vertical Link Lists- Why do I have double padding top and bottom?

Tuesday, April 4th, 2006

It’s long been one of those mysteries to me why IE would double the top and bottom padding on some of my linklists. Not all of them, mind you, just SOME of them. Because I was always able to hack around it the cause for it didn’t seem that important to find, and if IE […]

A filter to feed stuff only to Opera

Wednesday, February 8th, 2006

I’m working on a Joomla Template for a client, and it’s coming along, looks good in FireFox, looks good in IE6. Wow, it looks good in IE6? Double wow. Let’s check mac screenshots- nothing out of the ordinary, looking okay. So it should look just fine in Opera, right? Opera’s one of the GOOD browsers. […]

Conditional Comments are your friends

Sunday, February 5th, 2006

I’m in the process of future proofing my sites so that they don’t break in IE7 for any reason OTHER THAN the (possible? probable?) bugginess of IE7. How can you do that? By feeding in a separate stylesheet for IE versions numbered 6 or less via a conditional comment. This is how:
<!–[if lte IE 6]>
[…]

Random Posts from my Portfolio

Launching two Custom WordPress Websites
scenesfromthepast250.jpg