left column all the way

hello all,

i am hoping there is a quick fix for this so that i don't need to revisit the whole CSS.

here is the page: http://devbistro.com/test.jsp

i'd like to make the box in the upper-left to extend all the way to the footer.

any advice?

thanks,
james

 

Just add another layer that holds all your main content (which will be to the right of the "Stuff" box) and define the following CSS:

	#main-content {
		float: right;
		display: block;
	}

Code (markup):

so it would be like this ...

	<div id="stuff">
	stuff here<br/>
	stuff here<br/>
	stuff here<br/>

	stuff here<br/>
	stuff here<br/>
	stuff here<br/>
	stuff here<br/>
	stuff here<br/>
	stuff here<br/>

	stuff here<br/>
	stuff here<br/>
</div>

[B]<div id="main-content"><!-- Begin Main Content -->[/B]

	<div class="nav padded link-nav">
.....
.....
.....
<i><a href="mailto:links@devbistro.com">Suggest a link &gt;&gt;</a></i>
</p>
</div>

[B]</div><!-- End Main Content -->[/B]

Code (markup):

 

sponk,

thanks a lot but it did not work :-/ (see the resulting page)

 

Hmm.. am I correct to assume that by "the box in the upper-left" you are referring to the "stuff" layer (i.e.<div id="stuff">...</div>)?

If so, I tried the aformentioned code and it worked.

I just attempted to look at your source to post a full working html file, but it seems you removed the file already.

 

hey sponk. you are right. it works!

thanks a lot
james

 

nice that it works