Box Model Hack for IE 6?

[rfox@scoe.net]

More IE madness.

I have another simple two-column layout -- main content area and a side
bar on the right. (See http://www4.scoe.net/rfox/nest/about.html ) I
float the side bar to the right. Padding and margins look fine in every
browser except IE where the right side bar is pushed twice as far to
the left as it should, the padding in the box is screwed up, etc., etc.
etc. First thought was the box model hack, but doesn't that only apply
to IE5, not IE6?

-Ray

[DenOdell]

Re: Box Model Hack for IE 6?

I don't have IE/Win to hand (I'm on a Mac), but yes, this sounds like
the box model doing it's thing in IE. You will probably need to specify
a different width for IE6 and below. I would suggest doing so with a
separate CSS file for IE6 and older. You can call this separate file in
for specific version of IE using 'conditional comments' (
http://www.quirksmode.org/css/condcom.html ) in your HTML, this way you
avoid problems with future compatibility with IE7, which supports the
box model correctly.

Good luck
Den

rfox@scoe.net wrote:

More IE madness.
>
I have another simple two-column layout -- main content area and a side
bar on the right. (See http://www4.scoe.net/rfox/nest/about.html ) I
float the side bar to the right. Padding and margins look fine in every
browser except IE where the right side bar is pushed twice as far to
the left as it should, the padding in the box is screwed up, etc., etc.
etc. First thought was the box model hack, but doesn't that only apply
to IE5, not IE6?
>
-Ray

[Rik]

Re: Box Model Hack for IE 6?

DenOdell wrote:

rfox@scoe.net wrote:

>I have another simple two-column layout -- main content area and a
>side bar on the right. (See
>http://www4.scoe.net/rfox/nest/about.html ) I float the side bar to
>the right. Padding and margins look fine in every browser except IE
>where the right side bar is pushed twice as far to the left as it
>should, the padding in the box is screwed up, etc., etc. etc. First
>thought was the box model hack, but doesn't that only apply to IE5,
>not IE6?

I don't have IE/Win to hand (I'm on a Mac), but yes, this sounds like
the box model doing it's thing in IE. You will probably need to
specify a different width for IE6 and below. I would suggest doing so
with a separate CSS file for IE6 and older. You can call this
separate file in for specific version of IE using 'conditional
comments' ( http://www.quirksmode.org/css/condcom.html ) in your
HTML, this way you avoid problems with future compatibility with IE7,
which supports the box model correctly.

Euhm, perhaps display:inline the float?

http://www.positioniseverything.net/explorer/doubled-margin.html

Grtz,
--
Rik Wasmus

[rfox@scoe.net]

Re: Box Model Hack for IE 6?

Euhm, perhaps display:inline the float?

http://www.positioniseverything.net/...ed-margin.html

God bless ya, Rik. You nailed it. It was indeed the dreaded IE
Doubled Float-Margin Bug. A thousand thank yous.

And Den, thanks for your response as well. I appreciate the input.

I tell ya, these IE bugs are driving me out of my freakin' skull. One
can only hope Microsoft addresses all these issues with IE 7 and
delivers a truly standards-aligned product.

-Ray

[Alan Silver]

Re: Box Model Hack for IE 6?

In article <1154393035.650 239.181590@m79g 2000cwm.googleg roups.com>,
rfox@scoe.net writes

>I tell ya, these IE bugs are driving me out of my freakin' skull. One
>can only hope Microsoft addresses all these issues with IE 7 and
>delivers a truly standards-aligned product.

FWIW, I submitted two CSS bugs to MS for beta 2, and they just sent me
e-mails asking me to retest in beta 3. Guess what? The two bugs are
still there!! Don't know why they couldn't test the bugs themselves, but
they obviously didn't bother fixing them.

I wouldn't hold out much hope for IE7. Sure it's a lot better than IE6,
but it's still a long way from being compliant.

--
Alan Silver
(anything added below this line is nothing to do with me)