PDA

View Full Version : Side Shadows not appearing without fixed height



JoeHoldcroft
04 Jan 2007, 04:10 PM
I am working on a website at the moment which has a very complex css layout.
The site is at: http://www.crowdsurfers.net/index2.html

As you can see, there is a slight shadow on the outside of the container of the layout. There are two classes, one for the left and one for the right, for the shadow on the left and right. It works fine when the div that they are shadowing has a fixed height, but not otherwise.
They are used in this way:


<div class="mainbody">
<div class="header_logo_bgr" style="height: 100%;"></div>
<div class="header_logo_bgl" style="height: 100%;"></div>
...


This code would work fine if the class "mainbody" has a fixed height, but without that, it just doesn't show up at all. I guess this is because it doesnt know what 100% is for the div, so it shows up as small as possible (height wise).
Pretty confusing, but basically I just want header_logo_bgl/r to stretch to 100% on a div without a fixed height.

All information is available by viewing the source of the link I gave.


Any ideas?
Thanks in advance! :D