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?
November 11th, 2005 at 1:06 pm
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.
November 11th, 2005 at 3:04 pm
That broke it on IE, but on Firefox it worked. I’ll try the small value.
November 13th, 2005 at 4: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.