Design Challenges

Layers are only as good as you can see them

I have been using css layers for a while now. They come in pretty handy, they allow you to place them anywhere on your page allowing for important text to be place on the top of your HTML code, and display anywhere you wish.

The only problem I have encountered is that they display slightly different accross all browsers. That is, until today!

Turns out that if you do not reset your margins and padding your layers get thrown out of whack. You see, I usually, like most Web designers cater to IE, and Firefox second. Turns out that Firefox was displaying them correctly, but because of this margin business IE would not, but all the while, hearing how IE is so forgiving I thought Firefox was the PITA .

Researching and trying things, I come to find out that all you have to do is add the following code to the top of your CSS page and you are good to start layering away my friend.


* {
padding:0;
margin:0;
}

Happy Layering!!!!