Ingo Chao wrote:
> This float is relatively positioned, it has a percentage width, and it
> should move to the right due to a left margin.
>
> .c {
> position: relative;
> float: left;
> display: inline;
> width: 50%;
> margin-left: 100px;
> background: gray url(bg.gif) no-repeat 0 0;
> }
>
> <body>
> <div class="c">
>
> </div>
> </body>
>
> The problem with IE<7 is that it does not move, initially.
>
> http://www.satzansatz.de/cssd/prbgbug.html
>
> To make it move, the window has to be resized a little.
>
> The bug does not occur if the float has no background image attached.
>
> But I need the bg-img, the float, the pos.relative, the margin shift,
> the percentage width (and display:inline is added to prevent the doubled
> margin bug.)
>
> Can anyone help me, point me to a bug description, or to a fix maybe?
>
> Thanks,
>
> Ingo
>
Hi Ingo,
Yes, all hasLayout tricks failed; IE is always in for a joke! ;-)
Seems something like the opposite of the doubled margin bug, or a
peekaboo without a link to hover...
I found as a fix: isolate the problem, i.e. pulling the background out
of the class="c" div, and pushing it in an inner div.
testpage
<http://home.tiscali.nl/developerscorner/css-discuss/test-prbgbug.html>
Hope you can apply this wrapper in your case, and no other IE troubles
will appear.
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
