Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Trouble with CSS background

J

jaynrusel

macrumors newbie
Original poster
Jun 29, 2008
2
0
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.
 
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.
 
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
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back