[hinch]

hey there,

in testing my site in IE7 i noticed that my shadow on the right of my page does not stretch like it does in Firefox or Safari or IE. Mac or Seamonkey...

this is my code:

Code:

#shadow{
width: 15px;
background-image:url(template/shade.png);
background-position:right;
background-repeat:repeat-y;
min-height:100%;
margin-bottom:-50px;
height: auto;
position: absolute;
top: 0px;
left: 95%;
}

is there a hack or way around this? i also have another question...

when the page requires scrolling down, the shadow reveals itself to only be the height of the browser. without resorting to using a table, can i stretch the div the entire length to the bottom every time? perhaps covering both my issues

cheers.

[jfulton]

You might want to read the following for a start. There is a ton of information at the One True Layout site.

http://www.webcredible.co.uk/user-fr...s-tricks.shtml
See: point #4

http://www.positioniseverything.net/...onetruelayout/
See: Equal height columns - revisited

If those don't help, post your html (& relevant css) and a link or image of what you're seeing.

[hinch]

interesting reading, but although the fixes work in IE now, firefox looks a tas silly..

of course i could use two stylesheets for each browser...

anyway, here is a quick site i made for a friend to test 'liquid' layouts:

forum-design.co.uk/sites/brad/

in firefox it looks pretty nice. in IE....crap