Problem with alignment/IE7

[williamZanelli]

Hi guys,

 

I;ve built a website, in FF3,  it works perfectly

 

In IE7, some margins, seem to be totally ignored for some reason

 

See this code,

 

#pagination_block{

margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
background:#FF0000;


}

 

In FF3 its 100%.. in IE7 the margin is totally ignored.. could someone tell me what i;ve done wrong?

 

Thanks

 

Will

[sKunKbad]

You probably need to declare a float property, such as float:left; or float:none;

 

You also probably need to declare a width, either absolute or relative.

[scott.stephan]

Welcome to the dungeon! The point in time in which your beautiful website gets slaughtered by IE. Alas!

 

There are a couple things that could be at work here. As above: Watch your floats and clears. Also, if I remember correctly, IE has a little habit of ignoring bottom margins in IE7. If you want a bottom margin, you either had to add a wrapper class or set the margin in the parent element. Something to follow up on, at least.

[scott.stephan]

Also, yes, you will need a width. Firefox might assume "100%", IE may not and, hence, has nothing to lay margins on. Try:

width=100%

[williamZanelli]

Hi guys,

 

Thanks for the messages. I've managed to solve my problem with your advice

 

Is there a website/tutorial that can provide me with info, on the "anomolies" with IE?

 

This always trips me up.. :-(

[scott.stephan]

Will,

 

This was really helpful for me: http://ask.metafilter.com/100059/Help-me-understand-what-I-need-to-make-my-website-compliant-with-IE