Grow your CSS skills. Land your dream job.

IE Float Troubles

  • # August 15, 2008 at 3:49 pm

    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

    # August 15, 2008 at 4:30 pm

    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

    # August 16, 2008 at 5:35 pm

    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;

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".