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">&nbsp;</td>
 <td class="CenterColumn">&nbsp;</td>
 <td class="RightColumn">&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 </body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to