Support » Themes and Templates » Weird layout issue between IE and FF

Weird layout issue between IE and FF

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


    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)
  • It could be internet explorer doubleing up the margins. Try giving your right section the display: inline; feature.

    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?

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

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

    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.

    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.