In IE my page looks fine, but in netscape the background color runs all the way off the screen on the right. My stylesheet properties are:
.navbar { background-color: #cccccc; text-align: center; margin-top: 0px; margin-left: 0px; margin-right: 0px; width: 99%; padding: 5px 10px 5px 10px; font-size: large; border: medium solid; border-color: #c0c0c0; }
The Html is:
<p class="navbar">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"index.htm" title="Go to Baumann Electronic Controls Home Page">Home</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"products/products.htm" title="View our Products">Products</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"tech/tech.htm" title="Go to Main Tech Help Page">Tech</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"aboutus.htm" title="View our Hours of Operation, Policies, and History">Company Info</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"order.htm" title="Ordering Information">How to Order</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"pricing.htm" title="View our Price List">Pricing</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"dealers.htm" title="View our List of Dealers">Dealer List</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"links.htm" title="Links of Interest">Links</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"motorsports" title="See Our Products in Action">Motorsports</a>
</p>
What am I missing?
GregCan you post a link to the page, or screenshot?I copied and pasted that code and looked at it in IE 6, Mozilla 1.5 and Netscape 7.0. The background runs off the screen to the right in all 3 browsers by about the same amount.I'm about to put the links back in a table
I copy and pasted the code as well, and it looked fine to me in IE6. I looked at it with Mozilla 1.4, too, and it ran off the right side of the page just slightly because the width is set to 99% and there's a small margin on the left side. But that's easily fixableI made a few changes to try to fix it yesterday, and it didn't work. After deleting my temporary internet files, it worked fine. I guess I got it fixed yesterday and just didn't know it. Thank you all for your help.
Greg
.navbar { background-color: #cccccc; text-align: center; margin-top: 0px; margin-left: 0px; margin-right: 0px; width: 99%; padding: 5px 10px 5px 10px; font-size: large; border: medium solid; border-color: #c0c0c0; }
The Html is:
<p class="navbar">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"index.htm" title="Go to Baumann Electronic Controls Home Page">Home</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"products/products.htm" title="View our Products">Products</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"tech/tech.htm" title="Go to Main Tech Help Page">Tech</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"aboutus.htm" title="View our Hours of Operation, Policies, and History">Company Info</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"order.htm" title="Ordering Information">How to Order</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"pricing.htm" title="View our Price List">Pricing</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"dealers.htm" title="View our List of Dealers">Dealer List</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"links.htm" title="Links of Interest">Links</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"motorsports" title="See Our Products in Action">Motorsports</a>
</p>
What am I missing?
GregCan you post a link to the page, or screenshot?I copied and pasted that code and looked at it in IE 6, Mozilla 1.5 and Netscape 7.0. The background runs off the screen to the right in all 3 browsers by about the same amount.I'm about to put the links back in a table
I copy and pasted the code as well, and it looked fine to me in IE6. I looked at it with Mozilla 1.4, too, and it ran off the right side of the page just slightly because the width is set to 99% and there's a small margin on the left side. But that's easily fixableI made a few changes to try to fix it yesterday, and it didn't work. After deleting my temporary internet files, it worked fine. I guess I got it fixed yesterday and just didn't know it. Thank you all for your help.Greg