WordPress.org

Ready to get started?Download WordPress

Forums

Weird layout issue between IE and FF (7 posts)

  1. taiguy
    Member
    Posted 5 years ago #

    Alright, so I've got a random rendering issue that really breaks the layout of my blog - two column layout.

    http://www.milehightai.com

    In FireFox, everything renders wonderfully. Both columns are side by side. In IE 6/7 the main entry column appears below the left nav bar as opposed to the right of it. I've gone through the CSS file but can't figure it out at all. I'd really appreciate some thoughts on the matter as I'm sure it's something obvious that I'm missing.

  2. educationthemes
    Member
    Posted 5 years ago #

    It could be internet explorer doubleing up the margins. Try giving your right section the display: inline; feature.

  3. taiguy
    Member
    Posted 5 years ago #

    Thinking about it, that seems like a decent idea. Still wonky after the change. What in the world is going on between the two browsers?

  4. Chrisber
    Member
    Posted 5 years ago #

    That's easy. IE sucks and FF doesn't!

  5. taiguy
    Member
    Posted 5 years ago #

    haha thanks chrisber. but really, any ideas for solutions? I'd still say the majority of people out there are using IE.

  6. Chrisber
    Member
    Posted 5 years ago #

    IE takes a different and erroneous approach to calculating total width. If it thinks the combined width of all of your elements is greater than the width of their container it won't allow them to sit side by side. Try chipping away at the width of one of the elements a pixel or two at a time and see what happens.

  7. taiguy
    Member
    Posted 5 years ago #

    IE behaves the same if I drop the 2nd column down 150px. The images/videos all extend outside of the element now, but the container still renders at the bottom. wow I hate IE right now.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.