Results 1 to 4 of 4

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

  1. #1
    Join Date
    Mar 2007
    Posts
    38
    Thanks
    1
    Thanked 0 Times in 0 Posts

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

    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>

  2. #2
    Join Date
    Sep 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  3. #3
    Join Date
    Mar 2007
    Posts
    38
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you for your response.

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

  4. #4
    Join Date
    Mar 2007
    Posts
    38
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •