treehouse : what would you like to learn today?
Web Design Web Development iOS Development

IE Float Troubles

  • Hey guys, I'm getting the hang of the whole CSS thing, but I'm having trouble on my current project. Can anyone offer any help? If you view the site so far it looks GREAT in Firefox, but looks frustratingly like HELL in IE. Anyone know why this stuff is happening? Please help! I want to show the site to my client soon, and I don't want to assume he's using Firefox.

    Here's the link:
    http://www.mindoverdigital.com/staging/pline/index.html
  • well i tried to view your css file but couldn't find it. have you cleared your floats?

    creat a class

    .clear { clear:both; }

    then use it like this

    <div class="clear"></div>

    do that after you float something in your code. Without seeing your css, I am just taking a shot in the dark. The site looks worse in opera
  • having looked at your CSS with the web developer toolbar... cybershot was right you need to clear your floats. Chris's 2nd or 3rd video podcast talks about clearing your floats. Also you can kill the margin-left:auto; and margin-right;auto and replace it with margin:0 auto;