horizontal posts won’t wrap correctly in IE

  • Resolved greeenkaos

    (@greeenkaos)


    18 years, 5 months 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):
    https://pastebin.com/800554

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

  • Take a look here: https://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.

    Thread Starter greeenkaos

    (@greeenkaos)

    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)?

    Thread Starter greeenkaos

    (@greeenkaos)

    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 ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘horizontal posts won’t wrap correctly in IE’ is closed to new replies.