CSS - how extend div border full height?

daymobrew · 11-06-2007 11:16PM #1

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 · 12-06-2007 12:01AM

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 · 12-06-2007 12:42AM

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 · 12-06-2007 01:17PM

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 · 12-06-2007 01:24PM

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 · 12-06-2007 02:58PM

Thanks

daymobrew · 13-06-2007 08:18AM

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.

CSS - how extend div border full height?

Comments