IE6: 1% is more than 1/100 body width?

  • Thread starter Thread starter Michael
  • Start date Start date
M

Michael

== This message was posted to alt.html with messageID
[email protected]
before I found this group, sorry for cross-posting ==

Hi,

I ran into this very odd problem today.
I have a content div, which is 60% wide with 20% on each side. In the left
20% I want to float a menu. An example is at
http://dev.terrabulgaria.com/test.html
In FireFox 2.0 this works exactly as expected. Same in IE7, except for a
horizontal scrollbar at the bottom, which can be used to view just some
extra whitespace. But in IE6, there is a major problem. The contents div is
shown nicely in place, but the float is placed all the way to the right,
with a left margin of about 110%, though the width seems to be correct.
It seems to me, that IE6 thinks that a percent is much more than it actually
is.
I have a similar problem at http://dev.terrabulgaria.com/Over_Ons with a
right float which is placed inside the red bordered center div, which I want
to float in the right margin.

I temporarily solved this by placing an extra stylesheet inside <!--[if lte
IE 6]> -- load ie6hacks.css <![endif]-->, where ie6hacks.css basically
overrides some margins with smaller values, but clearly this is not really
what I want.
Is this a bug in IE6, and can I solve this somehow without resorting to
conditional CSS and the like?

Thank you very much

Kind regards

Michael.
 
Start here http://msdn2.microsoft.com/en-us/ie/default.aspx and here
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx
Click to expand...


Thank you Robert, but I don't quite see what info your were pointing to that
would help me. I know how to write CSS (I think), I just want to know why
IE6 doesn't parse this correctly. I am glad it is fixed in IE7 and the CSS
support is so much better, but I think there are quite some people who still
run IE6 for various reasons and of course I don't want to force them to
upgrade to view my site.

Regards

Michael
 
Back
Top