Page 1 of 1

Typically, what is that make boxes in IE fall off?

Posted: Mon Nov 20, 2006 1:25 pm
by Andor
I use the Panoramica design (ported by Mark) and have had some problems with just getting the boxes where I want them in IE6 - it works fine in FF though...

All pages but the home page use the same template, with a sub menu to the right. I got that working (http://www.uglnorge.no/test/no/hva.html) after hours of mixing width, margin and padding, but still I'm not sure if the solution is a good one - the CSS looks bad.

The problem initially was that the sub menu didn't "fit" and fell below the content.

Now the same thing is happening with the home page (http://www.uglnorge.no/test/no/hjem.html), where I have news instead of the sub menu. After I added padding to the news box, it fell down below the content, as the the menu did before.

The size of the box itself should fit and I also tried to reduce it in order to fit it in, but nothing seems to helpĀ  ???

Any ideas on what it is that drives me crazy? (As I mentioned, the CSS looks like sh.. right now, but hopefully you'll find your way :-[)

Re: Typically, what is that make boxes in IE fall off?

Posted: Mon Nov 20, 2006 2:06 pm
by swathes
I guess this relates to the IE Box Model bug: http://en.wikipedia.org/wiki/Internet_E ... _model_bug

Personally, I feel that the Box model hack should not be used - as it will only cause problems in later versions of IE (and I think this is being seen now in IE 7).

I tend to avoid padding - but double things up in divs, and add margin to those...

Re: Typically, what is that make boxes in IE fall off?

Posted: Mon Nov 20, 2006 3:03 pm
by Andor
Thanks for your reply - I tried the hack with no luck. Does it work differently on IE5 and IE6?