Previous Message
Next Message

Collumn Divider for Liquid Multi-column Layout, any Column Longest

Sent by Dagmar Noll on 25 January 2006 14:02


Hello again. I've been doing more work on this problem, and just can't 
figure it out.

Initially I was unable to get a vertical line to extend from the banner 
are to the top of the footer in a liquid multi-column layout where any 
column is the longest.

Matthew Levine suggested that I check out One True Layout at 
http://www.positioniseverything.net/articles/onetruelayout/equalheight

I visited the link and implemented

div#nav, div#content
	{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}
	
#wrapper
	{
	overflow: hidden;
	}

, using a left solid border on div#content to create the line.

Before I went on to hack for the browsers that can't hang with this, I 
checked out the ones it was supposed to work in (according to the 
article). Firefox looks great! But IE 6.02 does something funny at the 
left end of the footer, underneath the #nav div.

See here:

http://www.wincog.org/test/indexline.html

(stylesheets effecting layout are 
http://www.wincog.org/test/3colstyle.css and 
http://www.wincog.org/test/wincogstyle.css).

I'm not sure what's going on, but it seems like overflow: hidden is not 
working for the nav div in IE 6.

Help?

Many thanks,

Dagmar

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: