Positioning trouble

[Harlan Messinger]

On the page at

http://gavelcade.com/tests/trivia.html

I'm expecting the headings and the text that follows them to be positioned
without regard to image or the DIV that contains it, which is positioned
absolutely. In other words, I'm expecting each heading to start even with
the top of the related image, though with a left margin that clears the
image, and then a small leftward jog so that it does start inside the right
edge of the image. The individual items below the headings should have the
same left margin and fall immediately under the headings.

Instead, the images and the DIVs containing them seem to be remaining in the
flow.

Could anyone tell me what I'm missing?

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.

[Alan J. Flavell]

On Wed, 14 Jul 2004, Els wrote:

Bugs me that I don't know why the border helps though :-(

Disclaimer: I haven't looked at this specific case in detail...

I've certainly met situations in the past with buggy browser versions
where defining a border would tidy-up the presentation, whereas
strange things would happen without it. Defining an invisible border
isn't my favourite way of doing business, but if the results are OK, I
suppose at least it beats the nasty habit of scattering transparent
gifs throughout the HTML. :-}

[Els]

Els wrote:

Harlan Messinger wrote:

I haven't figured why (yet), but if you give the relative
positioned div a border (white, to match the background) the
pictures jumps into place, and if you then delete the z-index
from the absolute positioned div, Firebird shows the pics too.
I suppose z-index:-2 puts them behind the screen or something
;-)

Bugs me that I don't know why the border helps though :-(

I fiddled a bit more with it, and I got a version that doesn't
need the border.
http://locusmeus.com/temp/harlan.html
I used the body as container for the page, as the padding of 10%
caused an extra padding on the div.subjectbloc k too.

To get the page off the sides in Win-IE5 you'd need to put the
whole page in a container though, as apparently Win-IE5 doesn't
allow the body to be 80% wide.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Eurythmics & Aretha Franklin - Sisters Are Doing It
For Themselves

[Harlan Messinger]

"Els" <el*********@ti scali.nl> wrote in message
news:Xn******** *********@130.1 33.1.4...

Els wrote:

Harlan Messinger wrote:

I haven't figured why (yet), but if you give the relative
positioned div a border (white, to match the background) the
pictures jumps into place, and if you then delete the z-index
from the absolute positioned div, Firebird shows the pics too.
I suppose z-index:-2 puts them behind the screen or something
;-)

Bugs me that I don't know why the border helps though :-(

I fiddled a bit more with it, and I got a version that doesn't
need the border.
http://locusmeus.com/temp/harlan.html
I used the body as container for the page, as the padding of 10%
caused an extra padding on the div.subjectbloc k too.

To get the page off the sides in Win-IE5 you'd need to put the
whole page in a container though, as apparently Win-IE5 doesn't
allow the body to be 80% wide.

All very interest! Thanks for the research, Els.