[thelist] Help with DIV problem

Joshua Olson joshua at waetech.com
Mon Jun 7 15:11:16 CDT 2004


> -----Original Message-----
> From: sandra
> Sent: Monday, June 07, 2004 3:56 PM

> The site has a sideways scroll. It is a three column, CSS/DIV layout.
>
> The pages are at:
>
> http://www.saveinverclyderoyal.com/

Sandra,

I think the problem may lie in that you've broken what I consider the
cardinal rule... never EVER put a set width on a div if you also specify any
of border, padding, and margin.  You broke that rule in the following three
rules:

#navleft{
position: absolute;
top:60px;
left: 0;
width: 13%;
margin: 8px 3px 3px 3px;
font-size: 0.85em;
color:#6b93bb
}


#content{
color: #0A0C11;
font-size: 1.0em;
position: absolute;
top:60px;
left:15%;
min-width: 410px;
width: 70%;
margin: 1% 0 0 0;
}

#right  {
position: absolute;
top:60px;
left:85%;
width: 14%;
height:300px;
margin: 16px 3px 3px 3px;
padding: 6px;
font-size: 0.85em;
text-align: left;
color: #002B7F;
border-color: #002B7F;
border-width: 0 0 0 1px;
border-style: solid;
}

HTH.

<><><><><><><><><><>
Joshua Olson
Web Application Engineer
WAE Tech Inc.
http://www.waetech.com/service_areas/
706.210.0168




More information about the thelist mailing list