[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