Div not extending

@StenzorFeb 12.2007

Hello everyone! I need some of your expertise to help me figure out this problem:
~~[url]~~http://uberdome.net/rustest/?page=club[/url]
on this page, as you can see, the left column doesn’t extend fully even though i have height:100% in my css. Please help me fix this.. you can download the css file at: ~~[url]~~http://uberdome.net/rustest/styles/style1.css[/url]
Thanks.

to post a comment

HTML

@CentauriFeb 12.2007 — #Get rid of the height:100% from both #container and #left - this is limiting the height of the divs to screen height, and not allowing them to continue to bottom of content.

Cheers

Graeme

@StenzorauthorFeb 12.2007 — #Thanks, but now there's another problem, on the other pages, (which dont yet have content) the blue doesnt extend at all since there's not enough content.. how do i make it extend on those pages so that it always goes to the bottom of the browser??

@JickFeb 12.2007 — #Perhaps my response to this thread can be of some assistance... ?

@CentauriFeb 12.2007 — #If you want it both ways, then a faux column is the way to go. Use the attached graphic applied as a background to body, and get rid of background and border colours from #container thus

[CODE]
 html, body {
 margin:0px;
 padding:0px;
 background:#ffdcdc [COLOR="Red"]url(../images/blu_bak.jpg) 0 0 repeat-y[/COLOR];
 font-family:arial, sans-serif;
 font-size:13px;
 height:100%;
 
 }
 
 #container {
 position:relative;
 display:block;
 border-left:160px solid [COLOR="Red"]transparent[/COLOR];
 overflow:visible;
 }[/CODE]

Cheers

Graeme

[upl-file uuid=dfd2e250-7242-4b2f-82fd-fbf1477ed72b size=669B]blu_bak.jpg[/upl-file]

@StenzorauthorFeb 12.2007 — #alright thanks alt, i was thinking that from the beginning but i thought that would be "cheating" ?

Div not extending

5 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Div not extending

5 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #HTML _↴