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

**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

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

Thank you in advance.

Code:

*
{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;}

HTML Code:

<!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.

Thread: New site displays ok in IE but not FF.. Please Help!!

Thread Tools

Search Thread

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

Bookmarks

Bookmarks

Posting Permissions