Grow your CSS skills. Land your dream job.

Vertical alignment of div contents different between FF/IE7

  • # December 31, 2009 at 11:58 am

    I’m having serious issues with IE7…

    I think it is stemming from the fact we’re doing just the development work on this project and I’m stuck doing basic styling of content pages, while the main css was written by a designer at another company.

    The biggest problem I seem to have is that in FF/IE8/Saf/Op, the vertical alignment is lining up by the bottom of the divs. In IE7 it is lining up by the top of the div. (see pics)

    Here is the layout in IE7 (ie8 compatibility mode)
    [img]http://i46.tinypic.com/33ae4cn.png[/img]

    Here it is in FF (the way it SHOULD look)
    [img]http://i48.tinypic.com/2poupaa.png[/img]

    Here is the IE specific CSS.

    Code:
    div.product {
    float: left;
    display: inline;
    zoom: 1;
    padding: 0;
    }

    I tried using vertical-align but that didn’t work. I’m stuck and stressed! Help!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

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