≡ Menu

CSS Bugs

For those of you reading this on Firefox, you’re caught in the middle of another ugly CSS rendering failure.  I don’t know whether IE, or Firefox is rendering the standard incorrectly.  I believe it’s Firefox, though. 

My stylesheet is composed of three panels, as follows:

  • Rendered first: Left sidebar, fixed size, floats left.
  • Rendered second: Right sidebar, fixed size, floats right.
  • Rendered third: Center panel, variable size, floats right.

Are there any CSS geeks out there who might have an idea why the third panel renders below the page on Firefox, but not IE?

{ 3 comments… add one }

  • Randy Charles Morin November 11, 2005, 9:06 am

    That's a very common problem. Many of the Blogger.com templates had this problem, except that it worked in Firefox and not IE. The problem is that your page is fixed sized, the left and right sidebar are fixed, but the center is not. I noticed you commented out the size of the center pane. Was that in trying to fix it? Or was that what broke it? Try a small value if possible.

  • Alec November 11, 2005, 11:04 am

    That broke it on IE, but on Firefox it worked. I'll try the small value.

  • Randy Charles Morin November 13, 2005, 12:48 pm

    IE will often expand the sidebars as needed, the likely reason why it brok in IE. Make certain they (the sidebars remain fixed) remain fixed size.

Leave a Comment

Next post:

Previous post: