WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] horizontal posts won't wrap correctly in IE (4 posts)

  1. greeenkaos
    Member
    Posted 7 years ago #

    I'm working on horizontal posting (2 rows of 4 each) for this site.

    In Moz/FF things look fine:

    Post 1 | Post 2 | Post 3 | Post 4
    Post 5 | Post 6 | Post 7 | Post 8

    But in IE the 2nd row doesn't wrap all the way to the left and breaks up like this:

    Post 1 | Post 2 | Post 3 | Post 4
    _______________Post 5
    Post 6 | Post 7 | Post 8

    I'm using a wide container div in which the posts each float:left. Is there something I'm missing?

    Here's my index.php code and the relevant css (there is nothing relevant in the css for #content or .entry):
    http://pastebin.com/800554

  2. yosemite
    Member
    Posted 7 years ago #

    Take a look here: http://www.positioniseverything.net/explorer.html

    Some general things: IE always wants at least one dimension, wants to screw up padding, and wants everything in your wallet. Ooops, last one just slipped in there.

  3. greeenkaos
    Member
    Posted 7 years ago #

    Hey, thanks for the link. There are some really useful things there (*bookmarking*). Still not having any luck with my problem though. I tried using an IE float hack of width:1% for the container div, but then all the posts line up vertically on the right side. Still looking.

    Anyone out there accomplish horizontal posts using divs (that works in IE too)?

  4. greeenkaos
    Member
    Posted 7 years ago #

    I've fixed the problem. So my container div (good ole <div id="content" calss="narrowcolumn">) was to blame. I didn't think #content had any effect, but as soon as I removed it and left only class=narrowcolumn everything lined up correctly in IE too.

    Thanks again for th help, Yosemite, it's links from links connectd to your link that lead me to discovering the problem-solution.

    Regards :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags