CSS - how extend div border full height?

daymobrew

http://bussched.sourceforge.net/sidebar/sidebar.html
CSS: http://bussched.sourceforge.net/sidebar/sidebar.css

How do I extend the dashed border of the right column the whole height of the left column?

#right{
	width: 189px;
	float: right;
	padding: 20px 10px 20px 20px;
    border-left: 1px dashed #222;
}
* html #right{
	padding-top: 30px;
}

Adam

You could simply assign the border property to the left div and add some padding so that it appears to be a border on the right div.

I think this is what you're looking for: http://www.thescripts.com/forum/thread616709.html

axer

The best way is to make a repeating horizontal background for the content div.

See here for more information on how to do it. It really is very simple.

Seachmall

Whats the writing on the page? I've seen it on numerous different pages in construction and on templates. Is is just a tradition type thing to use that particular writing to view how your page looks with writing? It doesn't all translate into 'Hello World!' by any chance, does it?

axer

Seachmall wrote:

Whats the writing on the page? I've seen it on numerous different pages in construction and on templates. Is is just a tradition type thing to use that particular writing to view how your page looks with writing? It doesn't all translate into 'Hello World!' by any chance, does it?

http://www.lipsum.com/

Seachmall

Thanks

daymobrew

Mirror wrote:

You could simply assign the border property to the left div and add some padding so that it appears to be a border on the right div.

I went for this option out of laziness, though I did try setting the height of the parent element.

Thanks for the other replies - I'll consider them for future sites.