[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 {
		position:relative;
		top:0;
		left:20%;
		width:80%;}
	
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
http://BrianReaves.com


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