Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Vertical alignment of div contents different between FF/IE7

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #27394

    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)
  • The forum ‘CSS’ is closed to new topics and replies.