CSS
Cross Browser CSS Techniques
Tuesday, September 29th, 2009
When it comes to Web Design, having a great look is key, but getting it to work in all browsers is even more key. Unfortunately, as much as some of us would love, the world doesn’t run on a single browser. And even more unfortunate is that all those browsers don’t work and handle client [...]
CSS Fixed Footer
Monday, September 21st, 2009
A while back I wrote a post explaining how to achieve a sticky footer on your website. I got a comment asking how to achieve a fixed footer. I figured that was a simple enough thing, except I had forgotten about Internet Explorer’s support (or lack thereof) for fixed positioning.
The idea seems easy in thought. [...]
Cross Browser CSS Opacity
Friday, September 4th, 2009
The CSS property opacity is unfortunately one of those properties that isn’t well supported… Kinda. Current versions of Firefox, Safari, Opera, and Chrome support it just fine. But, of course this leaves the bastard child: Internet Explorer. But are you really surprised?
Luckily there’s a trick to work around Internet Explorer’s inadequacy. It involves the filter [...]
CSS Sprites
Monday, July 27th, 2009
A visually appealing website must have a great design. And usually with a great design, comes great images. And with great images, comes loading time. And with loading time, comes slow pages. ect, ect. Images are key in most web designs, so it’s always important to keep in mind how to optimize your images for [...]
hasLayout
Monday, July 13th, 2009
What is hasLayout?
Because Internet Explorer is so old (as it was one of the first browsers available), it hasn’t had the luxury of starting anew as current browser do. So as time went by, Microsoft began adapting new engines to make use of CSS. Seems fine… However, CSS changes the fundamental assumption that Internet Explorer’s [...]
Cross Browser Inline-block
Saturday, July 11th, 2009
Inline-block is a great state to have an element’s display set at. It gives you the best of both inline and block elements: the ability to add padding, margins, while remaining inline with content around it. So why is it so badly supported? Firefox 3+, Safari and Opera have no problem with it, but what [...]
Sticky CSS Footer
Saturday, June 20th, 2009
Need a footer that sticks to the bottom of the page if it’s content doesn’t fill the window? Need a footer that also acts normally when the page’s content is larger than the window?
I’ve always been frustrated by the limitations with the footer in web pages, but I finally stumbled upon a solution that does [...]