[thelist] css columns overlapping - suggestions please

Brian W. Reaves brian at brianreaves.com
Fri Jul 9 10:03:23 CDT 2004

 From a quick review I see you are using % for your right column:

#Mid2Column2 {
That 20% is going to overlap your navigation based on your window width. 
Even though you assigned 20% to #Mid2Column1 also b/c you have a fixed 
width here:

#navigation li {
		text-align: center;
		border-bottom: 1px solid #999;
		width: 130px;

I believe you could assign a fixed left for #Mid2Column2 to correct this 
problem. Maybe left 135px.

Brian W. Reaves

FatSak wrote:
> This is my first attempt at creating a web site so please be gentle :-)
> My problem: 
> http://digitalparadigm.net/wbf.html <http://wholebodyfit.com/>  consists of
> two columns. As I decrease screen resolution to 640x480, the second column
> (body) overlaps the first column (navigation menu).
> Any suggestions on how to keep this from happening?  Thanks, Yvonne

More information about the thelist mailing list