Adrie, On Jan 5, 2006, at 6:48 AM, In Tel webdesign wrote:
> I give the container-div a repeating background and make its height > 100% > I want it to fill the complete height with the image, but it doesnt. > http://hraudiovisuals.nl/index_test.htm The height: 100%; only works if the parent has a defined height. In your case you could add html, body { height: 100%; } The problem with this is that the html and body elements are now only as tall as the window. If your content overflows, the lines won't extend below the bottom edge of the window. If I were coding this layout I'd be tempted to move the repeating background to #container and remove almost all of the absolute positioning. The absolute positioned items are removed from the document 'flow' and their containers shrink to 0 because they have no content left. You can use margins to get the content to center like you want. The only thing that has to be absolutely positioned is the 'camerman'. Also, you can use a transparent png or (really old school) a checkerboard transparent gif to fake the translucency you seek rather than the opacity rule. That rule affects the text as well as the background color which causes you to need extra containers. hth Roger, Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ 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/
