Daniel Doesburg wrote:
Bob and Gary,
Thanks for your answer.
My problem was that on my PC the page in FF initially shows the pictures
full.
But if I tried to change the window size they where shown as you saw.
The height was that of the word "Bodytext".
My question/problem/challenge is:
I want to show a layer of 4 (or 6) pictures behind the text on the
content part.
For maintenance reasons I can't use them as background.
Now I solved(?) it to position the content layer relative and the image
layer absolute inside the content layer. (I know, the word layer is not
correct but helps to explain)
What is your opinion about this?
What is the best construction.
1. <div id="content"> position: relative
<div id="pictures"> </div> position: absolute
</div>
2. <div id="wrapper"> position: relative
<div id="content"> </div> position: relative/absolute
<div id="pictures"> </div> position: relative/absolute
</div>
I think you're over-engineering things, Daniel. Try this;
#bglayer {
position: relative;
width: ?? /* appropriate to images */
height: ?? /* same thing */
padding-right: 20px; /* to allow for scrollbar if needed */
}
#textlayer {
position: absolute;
height: ?? /* same as above */
width: ?? /* as above plus 20px for scrollbar */
top: 0;
left: 0;
overflow: auto; /* needed with padding if there is chance text will
exceed height */
}
=============
<div id="bglayer">
<img src="some.png" alt="" /> <!-- images are inline -->
<img src="some.png" alt="" />
<img src="some.png" alt="" />
<img src="some.png" alt="" />
<div id="textlayer">
<p>your text</p>
</div>
</div>
hth,
gary
--
Anyone can build a usable web site. It takes a graphics designer to
make it slow, confusing, and painful to use.
______________________________________________________________________
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/
