IE is not my friend :( Adding extra margins to DIVs

[markmarkyeahyeah]

ssssssssss

[markmarkyeahyeah]

an image to illustrate…

[Rob MacKay]

I will keep saying it lol I might make a macro actually…

You need to use "position" to position block elements and not margin/padding.

for example, within positioning :

margin-top:20px;
margin-left:20px;

should be:

position:absolute/relative; /*absolute is a better option */
top:20px;
left:20px;

IE decides its going to make up its own rules in regaurds to margin and padding, that is why people see such a shift in their designs when position is not used

[markmarkyeahyeah]

Hi guys, thanks for the replies.

Reducing the margins doesn’t seem to help the problem in IE. Is it because I have more than one flash element on the page? Without these elements, all the DIVs align perfectly, but as soon as a second SWF is embedded (either with adobe or SWFObject) the divs move out of position :(

Its very frustrating! Any further thoughts or ideas guys?

[mattvot]

Would Would something like this not solve the problem if put at the start of the stylesheet?

Code:

* { margin:0; padding:0; }

[tommyday]

Are you using a Reset.css?

Once I started using Eric Meyer’s Reset Reloaded, it drastically cut down on browser inconsistencies.

[Author]

Posts