Some Noobie IE issues

HTML & CSS
1

Hi guys,

Im struggling getting Ie to play nicely with a site I’ve done…

www.rogerevansdesign.com

In safari and firefox on the mac version 3+ it looks fine… but Im getting odd issues with the nav and the content will not clear the floats even though I’ve placed clear’s

can someone point me in the right direction on these errors?

any advice would be great on this…

thank you

2

This is what can be seen in I.E

https://docs.google.com/leaf?id=0B-EituV7Tke-MmFkMjNkMjYtODE4Ny00YWFlLThlODgtNDI1NzZkZmYzMDA4&hl=en

and by the way, all pages are validated…

thanks

3

HI,

The nav problem is the double margin float bug (see faq on floats) and the fix is as follows:


.nav li {
    float:left;
    display:block;
    width:60px;
    margin-left:30px;
[B]    display:inline;
[/B]}

See the faq for the reason why :slight_smile:

4

IE7 isn’t clearing because it doesn’t like the <br clear=“all” />.

use css and use a div.


    [B]<div style="clear:both"></div>
[/B]  </div>
  <!-- End of content area Div --

Use a class instead of the inline styles or use an unobtrusive clearing mechanism such as overflow:hidden on the parent or use the clearfix technique (details in the faq on floats):slight_smile:

5

Thanks very much these both worked great!