New site displays ok in IE but not FF.. Please Help!! [Archive]

Cball

09-04-2007, 05:56 PM

I have started trying to design using templates I created in photoshop and everything seems to be displaying ok in both FF and IE except the side bars.

Here is the URL: New Site (http://www.roddenchurchofchrist.com)

And if there is anything besides my problem that is just wrong please let me know. :)

Thank you in advance.

*
{margin: 0;padding: 0;font-family: 'Comic Sans MS';}

table{width: 800px;border-collapse: collapse;}

.content{position: relative;left: 50%;margin-left: -400px;margin-top: 30px;background: #fff;}

.top{height: 160px;background: url(img/btop1.png);background-repeat: no-repeat;}

.l{position: relative;left: 17px;width: 11px; background: url(img/bl1.png);background-repeat: repeat-y;}

.r{position: relative;left: -13px;width: 11px;background: url(img/br1.png);background-repeat: repeat-y;}

.bottom{height: 78px;background:transparent url(img/bbottom1.png);background-repeat: no-repeat;text-align: center;}

.bottom p{margin-top: 0px;}

.bottom a{color: #ffff00;font-size: 12px;}

.bottom a:hover{color: #bbb;font-size: 12px;}

.main{position: relative;left: 17px;width: 745px;background: #fff;}

.top p{text-align: center;font-size: 30px;color: #888;margin-top: 140px;font-weight: bold;}

.top p a{color: #bbb;text-decoration: none;}

.top a:hover{color: #888;font-size: 30px;}

.main p{text-align: left;color: #888;font-size: 16px;margin-left: 2px;}

h2 {text-align: left;color: #888;font-size: 24px;margin-left: 2px;}

.title{font-weight: bold;margin-bottom: 2px;text-decoration: underline;}

a{color: #888;text-decoration: none;}

.main .poster{font-size: 12px;color: #aaa;margin-left: 2px;}

.title{text-decoration: none;color: #555;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>Rodden Church of Christ</title>

<link rel="stylesheet" type="text/css" href="style.css" />

<body>
<table class="content">
<tr>
<td class="top" colspan="3">
<p>|
<a href="index.html">Home</a> |
<a href="studies.html">Studies</a> |
<a href="http://maps.google.com/maps?oi=map&q=127+Rodden+Church+Road,+Brumley,+MO">Locate</a> |
<a href="mailto:webmaster@roddenchurchofchrist.com">Email</a> |
</p>
</td>
</tr>
<tr class="middle">
<td class="l"></td>
<td class="main">
<h2 class="title">Home</h2>

<p>Test</p>
<p><a href="#">Download</a> Blah, Blah, Blah, Blah, Blah</p>
<p> Blah, Blah, Blah, Blah, Blah Blah, Blah, Blah, Blah, Blah Blah, Blah, Blah, Blah, Blah Blah, Blah, Blah, Blah, Blah</p>
<p> Blah, Blah, Blah, Blah, Blah</p>
<p> Blah, Blah, Blah, Blah, Blah</p>

<p class="poster">- posted by admin on 2007/09/04</p>
</td>
<td class="r"></td>
</tr>
<tr>
<td class="bottom" colspan="3"><p><a href="http://www.roddenchurchofchrist.com">layout by kb - ©2007 roddenchurchofchrist.com - last updated 9-4-07</a></p></td>
</tr>
</table>

</body>
</html>

Grizzlyzone

09-04-2007, 07:22 PM

You know, I had the same problem the other day. The answer that I have may beyond your level of expertise, as it gets into CSS rather extensively.

I found my answer in "Beginning CSS WEb Development: From Novice to Professional" by Simon Collison, ISBN 1-59059-689-7.

Cball

09-04-2007, 08:23 PM

Thank you for your response.

Rather than explain it could you possibly fix my code then I may better understand. Thanks again.

Cball

09-05-2007, 12:47 PM

Anyone, anyone? I continue to try and fix this one my own but still with no luck.