|
|
Posted by Martin Jay on 08/22/07 06:38
On Fri, 10 Aug 2007 16:02:44 +0200, "Michael"
<compuchip_nl@hotmail.com> wrote:
>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.
Silly IE. :)
Perhaps you could look at the problem from a different viewpoint, and
float the menu to the right and not give it a left margin. You will
have to give it an outer DIV, though.
CSS:
..menu {
float: right;
border: solid 1px blue;
width: 50%;
}
HTML:
<div style="float: left;">
<div class="menu">
Testing
</div>
</div>
--
Martin Jay
Navigation:
[Reply to this message]
|