Hello everyone! I need some of your expertise to help me figure out this problem:
<!-- m --><a class="postlink" href="http://uberdome.net/rustest/?page=club">http://uberdome.net/rustest/?page=club</a><!-- m -->
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: <!-- m --><a class="postlink" href="http://uberdome.net/rustest/styles/style1.css">http://uberdome.net/rustest/styles/style1.css</a><!-- m -->
Thanks.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
GraemeThanks, 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?
Perhaps my response to this (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=137976">http://www.webdeveloper.com/forum/showt ... p?t=137976</a><!-- m -->) thread can be of some assistance... 
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
html, body {
margin:0px;
padding:0px;
background:#ffdcdc url(../images/blu_bak.jpg) 0 0 repeat-y;
font-family:arial, sans-serif;
font-size:13px;
height:100%;
}
#container {
position:relative;
display:block;
border-left:160px solid transparent;
overflow:visible;
}
Cheers
Graemealright thanks alt, i was thinking that from the beginning but i thought that would be "cheating"
<!-- m --><a class="postlink" href="http://uberdome.net/rustest/?page=club">http://uberdome.net/rustest/?page=club</a><!-- m -->
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: <!-- m --><a class="postlink" href="http://uberdome.net/rustest/styles/style1.css">http://uberdome.net/rustest/styles/style1.css</a><!-- m -->
Thanks.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
GraemeThanks, 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?
Perhaps my response to this (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=137976">http://www.webdeveloper.com/forum/showt ... p?t=137976</a><!-- m -->) thread can be of some assistance... 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 html, body {
margin:0px;
padding:0px;
background:#ffdcdc url(../images/blu_bak.jpg) 0 0 repeat-y;
font-family:arial, sans-serif;
font-size:13px;
height:100%;
}
#container {
position:relative;
display:block;
border-left:160px solid transparent;
overflow:visible;
}
Cheers
Graemealright thanks alt, i was thinking that from the beginning but i thought that would be "cheating"