Sent by Aaron Ullom on 17 October 2005 15:03
Does anyone know why the following code makes Firefox, Netscape, and Mozilla
display the horizontal scroll bar? IE doesn't seem to have a problem with
it.
Changes that will make the horizontal scroll bar disappear.
- any body margin other than 0
- removing the width of the .LeftColumnNav and .RightColumn selectors
- removing the font-size of the .LeftColumnNav and .RightColumn selectors
- removing the width of the .LeftColumnNav and .RightColumn selectors and
adding a width to the .CenterColumn selector
- removing the cellspacing or cellpadding from the outer table
View the page here:
http://www.fgcu.edu/test/drafts/reddotsample/templateat2/_PGM.asp.
The completed page will look something like this:
http://www.fgcu.edu/test/drafts/reddotsample/templateat2/PGM.asp.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PGM Home</title>
<style type="text/css">
body{
margin: 0;
}
.LeftColumnNav{
font-size: 85%;
width: 13em;
background-color: #FF0000;
}
.CenterColumn{
background-color: #0000FF;
}
.RightColumn{
font-size: 85%;
width: 14em;
background-color: #00FF00;
}
</style>
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table width="100%">
<tr>
<td class="LeftColumnNav"> </td>
<td class="CenterColumn"> </td>
<td class="RightColumn"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
