IE problems
Take a look at this code. In IE the page doesn't go the full width of the screen. In FireFox it works fine. What's wrong? Here is the link to the page http://66.150.28.133/aboutus.php
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="border-collapse: collapse" bordercolor="#111111">
<tr>
<td><img border="0" src="images/corner.gif" width="14" height="14"></td>
<td width="100%" background="images/top.gif" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="14" height="100%" background="images/left.gif" bgcolor="#FFFFFF"> </td>
<td width="100%" valign="top" bgcolor="#FFFFFF">
<h1>About Us</h1>
<p class="regulartext"> The Cabinet Mountain Log Work's log home manufacturing plant, located
in Thompson Falls, Montana has been in operation since 1945 <img src="images/office.gif" width="300" height="193" align="right">manufacturing
quality, custom cut <b>AIR-LOCK®</b> log homes. </p>
<p class="regulartext"><b>Cabinet Mountain Log works.</b></p>
<p class="regulartext">Log home kits, log home plans and log home playhouses. These log homes bring
together the simplicity, strength and charm of a traditional log cabin
with the convenience and comfort of the modern home. Our log buildings
withstand all types of weather, are easy to heat in the winter and stay
cool in summer. </p>
<p class="regulartext">These log structures have been built as family log homes,
log barns, log lodges, log restaurants, log camps, log saunas, log playhouses,
log garden tool sheds, log garages and log vacation cabins.</p>
<p> </p>
<p> </p>
<p align="center" class="regulartext"><br>
<b>Your Quality Log Home Manufacturer
Since 1945</b><br>
<br>
CABINET MOUNTAIN LOG WORKS, L.L.C.<br>
P.O. Box 820 • 5265 Highway 200<br>
Thompson Falls, MT 59873-0820<br>
E-mail: <a href="mailto:[email protected]" class="bb-email">[email protected]</a><br>
Phone: (406) 827-3193<br>
FAX: (406) 827-3194 </p></td>
</tr>
</table>
nicora posted this at 23:15 — 28th February 2005.
He has: 267 posts
Joined: Nov 2001
we must have different versions because it renders fine in IE but there is a horizontal scroll in FF
Windows XP sp2
IE 6.0 sp2
FF 1.0
teammatt3 posted this at 23:19 — 28th February 2005.
He has: 2,102 posts
Joined: Sep 2003
Yeah, I was just messing around with css a second ago to see if that fixed it. Now try it.
Busy posted this at 10:51 — 1st March 2005.
He has: 6,151 posts
Joined: May 2001
what version of IE you having the problem with?
and do you have any margin, padding or width values in your "regulartext" class?
For the record you don't need to repeat the width of the tables td cells, just set the width in the first set and they will follow that.
Should also be using CSS for your background="images/top.gif" bgcolor="#FFFFFF" to
JeevesBond posted this at 13:40 — 1st March 2005.
He has: 3,956 posts
Joined: Jun 2002
Won't we need the css to test this properly? Layout/formatting is the whole reason for css' existence after all!
dk01 posted this at 21:20 — 1st March 2005.
He has: 516 posts
Joined: Mar 2002
Hmm....something is wrong. You have this as the beginning of your page:
<div id="header">
<html>
<head>
<link href="css.css" rel="stylesheet" type="text/css">
And then later you have multiple html and body tags that are not needed. I have edited your code and removed these "fatal" errors. I'd start using the html validator. It will usually find all your coding mistakes for you
Here's the new code. Maybe you will get some better results:
<html>
<head>
<link href="css.css" rel="stylesheet" type="text/css">
<title>About Air-Lock Logs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div id="header">
<table width="100%" border="0" cellpadding="8" cellspacing="8" bordercolor="#111111" bgcolor="#E6E1CA" style="border-collapse: collapse">
<tr>
<td width="39%" height="116"><img border="0" src="images/logstack.gif" width="300" height="100"></td>
<td width="61%"> <p align="right"><b><font color="#115C0B">Air-Lock Log Homes,
LLC<br>
PO Box 820, 5265 Highway 200<br>
Thompson Falls, MT 59873</font></b></p>
<p align="right"><b><font color="#115C0B">(406) 827-3193</font></b></p></td>
</tr>
</table>
</div>
<div id="navigation">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body><table width="115" cellspacing="5" cellpadding="0">
<tr>
<td><div class="outer"> <a href="index.php" title="Air-Lock Home Page"><span> Home</span></a> </div></td>
</tr>
<tr>
<td><div class="outer">
<a href="aboutus.php" title="About Air-Lock Logs"><span> About Us</span></a>
</div></td>
</tr>
<tr>
<td><div class="outer">
<a href="features.php" title="Air-Lock Features"><span> Features</span></a>
</div></td>
</tr>
<tr>
<td><div class="outer">
<a href="choices.php" title="Air-Lock Choices"><span> Choices</span></a>
</div></td>
</tr>
<tr>
<td><div class="outer"> <a href="prices.php" title="Air-Lock Plans"><span> Plan
& Price</span></a></div></td>
</tr>
<tr>
<td><div class="outer"> <a href="railing.php" title="Air-Lock Railings"><span> Log Railings
</span></a></div></td>
</tr>
<tr>
<td><div class="outer"> <a href="furniture.php" title="Air-Lock Beds"><span> Furniture</span></a></div></td>
</tr>
<tr>
<td><div class="outer">
<a href="contactus.php" title="Contact Air-Lock Logs"><span> Contact Us</span></a>
</div></td>
</tr>
<tr>
<td><div class="outer">
<a href="finishedhomes.php" title="Air-Lock Log Homes"><span> Finished Homes</span></a>
</div></td>
</tr>
<tr>
<td><div class="outer">
<a href="dealers.php" title="Air-Lock Dealers"><span> Dealers</span></a>
</div></td>
</tr>
</table>
</div>
<div id="content"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" style="border-collapse: collapse">
<tr>
<td><img border="0" src="images/corner.gif" width="14" height="14"></td>
<td width="100%" background="images/top.gif" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td width="14" height="100%" background="images/left.gif" bgcolor="#FFFFFF"> </td>
<td width="100%" valign="top" bgcolor="#FFFFFF">
<h1>About Us</h1>
<p class="regulartext"> The Cabinet Mountain Log Work's log home manufacturing plant, located
in Thompson Falls, Montana has been in operation since 1945 <img src="images/office.gif" width="300" height="193" align="right">manufacturing
quality, custom cut <b>AIR-LOCK®</b> log homes. </p>
<p class="regulartext"><b>Cabinet Mountain Log works.</b></p>
<p class="regulartext">Log home kits, log home plans and log home playhouses. These log homes bring
together the simplicity, strength and charm of a traditional log cabin
with the convenience and comfort of the modern home. Our log buildings
withstand all types of weather, are easy to heat in the winter and stay
cool in summer. </p>
<p class="regulartext">These log structures have been built as family log homes,
log barns, log lodges, log restaurants, log camps, log saunas, log playhouses,
log garden tool sheds, log garages and log vacation cabins.</p>
<p> </p>
<p> </p>
<p align="center" class="regulartext"><br>
<b>Your Quality Log Home Manufacturer
Since 1945</b><br>
<br>
CABINET MOUNTAIN LOG WORKS, L.L.C.<br>
P.O. Box 820 • 5265 Highway 200<br>
Thompson Falls, MT 59873-0820<br>
E-mail: <a href="mailto:[email protected]" class="bb-email">[email protected]</a><br>
Phone: (406) 827-3193<br>
FAX: (406) 827-3194 </p></td>
</tr>
</table>
</div>
</body>
</html>
dk01 posted this at 21:23 — 1st March 2005.
He has: 516 posts
Joined: Mar 2002
One more thing. I'd add this to your css file:
body { margin:0; }
It will cause all margins to dissapear around the page.
Looks ok in IE and FF to me now.
Good luck
-dk
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.