Positioning + screen resolution + monitor size

In pages I'm creating for an accessible website redesign, I'm using float 
for positioning.
In a few cases I have a table in the first (left column), then middle 
content which
is floated: left, and to the right of that a navigation bar floated to the 
right.
I've looked at the pages in IE 5, Netscape 4.7, 6.1, Opera 5 and Lynx.
I have my screen resolution set to 800x600, my monitor is 17".

All was right with my world until a work-mate showed me how the page displayed
on his 21" monitor, 1280x1024 resolution.

I'm on the precipice of going back to using tables.

Any lend me advice on this?  Would greatly appreciate it.







div.maincenter {
width:55%;
float:left;
margin-top:0;
background:#fff;
color: #000 ;
padding-top:0px;
padding-right:10px;
padding-bottom:0px;
padding-left:15px;
font-size: 80% ;
font-family: arial, helvetica, sans-serif ;
}
div.mainright {
width: 20%;
float: right;
margin-top:0;
text-align: left ;
background:#e6e6e6;
color: #000 ;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
font-size: 75% ;
font-family: arial, helvetica, sans-serif ;
}



Laurie Davis-Covin, Web Specialist
SAIC @ National Institute of
Standards and Technology
100 Bureau Drive
Admin. Building, Room E 220
Gaithersburg, MD 20899
Ph: 301-975-8027

Received on Wednesday, 16 January 2002 12:52:26 UTC