Firefox and Opera are being difficult... as always.

SeeIT Solutions · 07-15-2005, 08:01 AM

I have a panel floated right on this page.

It works fine in IE but Opera and Firefox are displaying it wrong, how can I fix this?

Also, occasionally the outer div shrinks a bit and the padding disappears at the bottom.

zro@rtv · 07-15-2005, 08:51 AM

im pretty sure....
usually Opera and almost always FF are following standards and are compliant... IE is displaying things incorrectally, even if it achieves the desired effect...

delete

width:212px;

from .right

and it's fixed i think....

_Aerospace_Eng_ · 07-15-2005, 08:52 AM

margin + padding + width gives greater width. Remember that. Setting your div with class featured to 160px in width fixes your FF problem. Not to sure how it looks in IE with that adjustment. One more thing judging by your title, if your site looks okay in IE but not FF then you are doing something wrong. FF shows you exaxtly what you code for the most part where as IE shows you what it thinks it wants you to see.

channy · 07-15-2005, 01:21 PM

I tested in FF using the Web Dev tool bar and removed the 20px margin you have on the .featured div and it moved back into place.

SeeIT Solutions · 07-15-2005, 02:54 PM

Hey, thanks, the first problem is now fixed.

If you look in IE and refresh a few times the bottom line and the footer move up and down randomly on load, is there any way to fix this?

The link is now here.

Thanks

_Aerospace_Eng_ · 07-15-2005, 10:58 PM

I'm not getting that issue in IE, however you might want to set a background color to your page since not everyones default background color is white. Mine isn't.