Weird layout issue between IE and FF

  • taiguy

    (@taiguy)


    15 years, 8 months 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • educationthemes

    (@educationthemes)

    15 years, 8 months ago

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

    Thread Starter taiguy

    (@taiguy)

    15 years, 8 months 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?

    Chrisber

    (@chrisber)

    15 years, 8 months ago

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

    Thread Starter taiguy

    (@taiguy)

    15 years, 8 months ago

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

    Chrisber

    (@chrisber)

    15 years, 8 months 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.

    Thread Starter taiguy

    (@taiguy)

    15 years, 8 months 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Weird layout issue between IE and FF’ is closed to new replies.