Trouble with CSS background

Discussion in 'Web Design and Development' started by jaynrusel, Jun 29, 2008.

  1. jaynrusel macrumors newbie

    Joined:
    Jun 29, 2008
    #1
    hello, I am new to CSS, and I am having trouble correcting an error I must have made myself. Please view my website, if you view from a PC you cannot see the problem with the background. With a Mac half of the background is missing. I must have done something to it. Please take a look online at: http://starrpm.com/three.shtml
    and here is the code:

    HTML:
    <style type="text/css">
    <!--
    .style30 {
    	color: #0000FF;
    	font-size: 10px;
    	font-family: Arial, Helvetica, sans-serif;
    }
    .style4 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10px;
    }
    .style50 {
    	font-size: 10px;
    	font-family: Arial, Helvetica, sans-serif;
    }
    .style87 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
    .style88 {color: #0000FF}
    .style91 {
    	color: #000000;
    	font-style: italic;
    }
    .style92 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
    .style93 {color: #000000}
    .style60 {color: #0000FF; font-style: italic; font-size: 10px; }
    .style97 {color: #0000FF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; }
    -->
    </style>
    <p align="center" class="style30"> <span class="style4"><a name="stockton"></a><img src="images/stockton_listing.gif" width="630" height="27" align="absmiddle"><br />
    </span></p>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/143acaciathumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 143 W Acacia, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style92"><em>Rent: $850| Deposit: $800</em><br />
          <a href="../two/143_45acacia.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/227bernicethumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 227 Bernice Ave, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style92"><em>Rent: $1150| Deposit: $1100</em> <span class="style97">Nice swimming pool!</span><br />
          <a href="../three/227bernice.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/1178bricktilethumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 1178 Brick & Tile Cir., Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style92"><em>Rent: $1250| Deposit: $1200</em><br />
          <a href="../three/1178bricktile.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../images/icon.jpg" width="75" height="75" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 1005 Carlton, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 975| Deposit: $900</span><br />
        <a href="../three/1005carton.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/cosmosthumb.jpg" width="75" height="47" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 4657 Cosmos, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style92"><em>Rent: $1100| Deposit: $1100</em><br />
        <a href="../three/4657cosmos.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/5547foxsparrowthumb.jpg" width="75" height="58" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 5547 Fox Sparrow, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1250| Deposit: $1200</span><br />
        <a href="../three/5547foxsparrow.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/2515galleythumb.jpg" width="75" height="64" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 2515 Galley Way, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1250| Deposit: $1200</span><br />
          <a href="../three/2515galley.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <span class="style4"><br />
    </span>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/719garnerthumb.jpg" width="75" height="62" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 719 Garner, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 950| Deposit: $900</span><br />
          <a href="../three/719garner.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <span class="style4"><br />
    </span>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style4" scope="col"><img src="../three/1012hamletthumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 1012 Hamlet, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style4"><span class="style91">Rent: $1600| Deposit: $1600</span> <span class="style88"><em>Beautiful home w/ swimming pool a must see!</em></span><br />
          <a href="../three/1012hamlet.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
      </table>
    <span class="style4"><br />
    </span>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style4" scope="col"><img src="../three/604longviewthumb.jpg" width="75" height="52" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 604 Longview, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style4"><span class="style91">Rent: $1100 | Deposit: $1100</span><span class="style60"> LUSD</span><br />
          <a href="../three/604longview.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/1335minethumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 1335 Mine St, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1250| Deposit: $1200</span> Weston Ranch<br />
          <a href="../three/1335mine.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <span class="style4"><br />
    </span>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/421moradathumb.jpg" width="75" height="60" /></th>
        <th width="506" height="16" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 421 Morada Ln., Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1200| Deposit: $1200</span><br />
          <a href="../three/421morada.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <span class="style4"><br />
    </span>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style4" scope="col"><img src="../three/2050mossoakthumb.jpg" width="75" height="54" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 2050 Moss Oak, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style4"><span class="style92"><em>Rent: $1200| Deposit: $1200</em></span><br />
          <a href="../three/2050mossoak.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/7607oakcreekthumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 7607 Oak Creek, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1250| Deposit: $1200</span><br />
        <a href="../three/7607oakcreek.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/2021plattethumb.jpg" width="75" height="47" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 2021 Platte Rd., Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1300| Deposit: $1300</span><br />
          <a href="../three/2021platte.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <span class="style4"><br />
    </span>
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style4" scope="col"><img src="../three/1475sanrocothumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 1475 San Roco, Stockton </div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style4"><span class="style92"><em>Rent: $900 | Deposit: $900</em></span> <span class="style97">Temporary Rent Reduction</span><br />
            <a href="../three/1475sanrocco.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/8224shaythumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 8224 Shay Cir., Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1395| Deposit: $1300</span><br />
          <a href="../three/8224shay.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/3156sheridanthumb.jpg" width="75" height="51" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 3156 Sheridan, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1395| Deposit: $1300</span><br />
          <a href="../three/3156sheridan.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <br />
    <table width="600" border="1" align="center">
      <tr>
        <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/7214southfieldthumb.jpg" width="75" height="56" /></th>
        <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87"><strong>Address: 7214 Southfield, Stockton</strong></div></th>
      </tr>
      <tr>
        <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91">Rent: 1295| Deposit: $1200</span><br />
          <a href="../three/7214southfield.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
      </tr>
    </table>
    <br />
    <div align="center" class="style4">
      <table width="600" border="1" align="center">
          <tr>
            <th width="78" rowspan="2" class="style50" scope="col"><img src="../three/46newyorkthumb.jpg" width="75" height="58" /></th>
            <th width="506" bgcolor="#003366" class="style50" scope="col"><div align="left" class="style87">Address: 46 Yorkshire, Stockton </div></th>
          </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style91"><em>Rent: $1050| Deposit: $1000</em></span><br />
              <a href="../three/46yorkshire.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /></a></td>
          </tr>
        </table>
      </div>
    <div align="center" class="style4"><span class="style4"><br />
        <a name="lodi" id="lodi"></a><img src="../images/lodi_listing.gif" width="630" height="27" /><br />
      </span>
      <table width="600" border="1" align="center">
        <tr>
          <th width="78" rowspan="2" class="style4" scope="col"><img src="../three/341barrngtonthumb.jpg" width="75" height="56" /></th>
          <th width="506" bgcolor="#003366" scope="col"><div align="left" class="style87"><strong>Address: 341 Barrington, Lodi</strong></div></th>
        </tr>
        <tr>
          <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style4"><span class="style93">Rent: 1250| Deposit: $1200</span><br />
            <a href="../three/341barrington.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
        </tr>
      </table>
      <br />
      <table width="600" border="1" align="center">
        <tr>
          <th width="78" rowspan="2" class="style50" scope="col"><img src="../images/icon.jpg" width="75" height="75" /></th>
          <th width="506" bgcolor="#003366" scope="col"><div align="left" class="style87"><strong>Address: 446 Massarosa Ln., Lodi</strong></div></th>
        </tr>
        <tr>
          <td height="49" align="left" valign="top" bgcolor="#FFFFFF" class="style50"><span class="style93">Rent: 1500| Deposit: $1500</span><br />
            <a href="../three/446massarosa.html"><img src="images/clickfordetails.gif" width="105" height="15" border="0" /> </a></td>
        </tr>
      </table>
      <br />
    </div>
    <p class="style4"> </p>
    <p class="style4"><br />
      <br />
    </p>
    <div align="center" class="style4"></div>
    I am sure the code could be cleaner, sorry. Any suggestions would be great help.
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    It's hard to debug table-based layouts. There are some serious validation errors though that you need to take care of. They may be contributing to the problem. Personally though, I'd start from scratch with a CSS layout rather than tables. It'll help isolate the problem better too.
     
  3. jaynrusel thread starter macrumors newbie

    Joined:
    Jun 29, 2008
  4. wolf359design macrumors newbie

    Joined:
    Jan 31, 2007
    #4
    Dude,

    This is the worst code that I have ever seen!

    What did you use? I have never seen anyone handcode this bad.

    You have to be using some old wsiwyg pos software.

    Ed
     

Share This Page