I have code that produces 5 boxes acroos the screen width.  So far I have on
ly tested it in IE 6 and NS 8. It works in IE, but in NS I am not able to fi
t in the 5th box.   I am using two different style sheets, one for IE and on
e for NS.  The box widths are set to 20%.

I would appreciate suggestions on how to get the 5 boxes to fit the screen w
idth in NS (without reducing the widths of the boxes).

The test page URL as well as the CSS  are listed below.

Stan
-------------------

The test URL is: http://www.capitalcityrealty.ca/boxes/

NS CSS:

 HTML
 {

 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FONT-SIZE: 1em;
 PADDING-BOTTOM: 0px;
 PADDING-TOP: 0px;
 FONT-FAMILY: Verdana, Arial, sans-serif
 }


 BODY
 {


 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px; 
 FONT-SIZE: 1em;
 PADDING-BOTTOM: 0px;
 PADDING-TOP: 0px;
 FONT-FAMILY: Verdana, Arial, sans-serif
 }


 .clearall
 {

 CLEAR: both
 }
 .sectionhead
 {

 BORDER-RIGHT: gray thin solid;
 border-style: ridge;
 MARGIN-TOP: 4px;
 FONT-SIZE: 10pt;
 BACKGROUND: #ebebeb;
 FLOAT: left;
 MARGIN-LEFT: 0px;
 OVERFLOW: auto;
 BORDER-LEFT: gray thin solid;
 WIDTH: 20%;
 MARGIN-RIGHT: 0px;
 BORDER-BOTTOM: gray thin solid;
 HEIGHT: 14%;
 TEXT-ALIGN: left
 }

.sectionhead A {
 FONT-WEIGHT: normal;
 FONT-SIZE: 10pt;
 MARGIN-LEFT: 2px;
 COLOR: black;
 TEXT-DECORATION: none
 }

IE CSS:

html, body{
margin 0px;
padding: 0px;
overflow-y:hidden;

.clearall{
clear: both;
}
.sectionhead{
text-align: left;
background: #EBEBEB;
width: 20%;
height: 14%;
border-style:ridge;
border-width:thin;
border-color:white;
float: left;
margin-left:0px;
margin-right:0px;
margin-top:-16px;


overflow: auto
}
.sectionhead a{
color: black;

font-weight: normal;
margin-left:2px;
text-decoration:none;
}
.sectionhead 
color: blue;

Last edited by stan on 12-18-05 at 04:58 AM