Jørgen Farum Jensen schrieb:
I'm having a problem with an example page I've constructed,
http://www.webdesign101.dk/x/cssdiscuss/eksempel_8.html

The problem is confined to IE, which displays a band of background color in the right hand column on window resize.

your page starts like this:

<body>
<div id="page">
<div id="wrapper">
  <div id="container">
    ...middle content
  </div>
  <div id="rightcol">
  ...right content
  </div>
...

The illusion of the right sidebar is archived with the same blue background image on container and on wrapper.

The problem you encountered affects the drawing of the background image of the wrapper ( = the part under the container beyond the red line)

The fix is to apply
 _height: 1px;

to the wrapper. Giving layout [1] stabilizes the drawing of this element.

----------------



I'm at a loss to explain what is happening.

situation without the fix:

to make the bug itself visible in such situations, its convenient to have an semi-transparent gif.

here
http://www.satzansatz.de/cssd/tmp/20050721174823/index.html

is your page with one significant change for illustration: the bg-image of the right sidebar is not longer applied to the wrapper, but to body.

Instead, a transparent gif (the dots) is applied to the wrapper. You'll see that the bg-image of body is always drawn, but the redraw of the wrapper-bg is partly "forgotten" by IE, depending on the window-resize, the text-wrapping and others.

There is probably a bug in the redraw-event handler of IE. Only elements having layout are consistently redrawn. Non-layout-elements are dependent from the redraw impulse from their layout parents.

Further we can see that the redraw itself is organized in line blocks (rectangles), and some of these blocks are simply forgotten.

hth

Ingo

[1] http://www.satzansatz.de/cssd/onhavinglayout.html



--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to