SRL Archive - Web Development

Ok so here is my code, I am using Dreamweaver cs5, http://pastebin.com/gbu5q45t


Is there anyway I can make all the tables appear to be the same width, when I open the site now all the tables are different lengths and it looks messy


Thank JP

The first one has a bigger width then the others. The second one is dynamic.

Based on your code, this is what I see. What tables are you talking about?

http://jsfiddle.net/qtS2L/

Set all the widths the same

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="table/css">
        td {
            border: 1px solid black;
        }

        html,body,.fullheight {
            height: 100%;
            width: 100%;
        }
        .minfield {
            max-width: 10px;
            border: 1px solid red;
            overflow: hidden;
        }
    </style>    

<link href="../oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	background-color: #999;
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<table width="814" border="1" align="center">
  <tr>
    <th width="780" height="84" scope="col"><a href="../index.html"><img src="../Images/Header.jpg" width="800" height="80" alt="Header" /></a></th>
  </tr>
</table>
<table width="814" border="1"align="center">
  <tr>
    <th width="200" scope="col"><a href="../AdvEMT.html"><img src="../Images/Adv-EMT.jpg" width="191" height="38" alt="Adv-EMT" /></a></th>
    <th width="186" scope="col"><a href="../EMTB.html"><img src="../Images/EMT-B.jpg" width="192" height="38" alt="EMT-B" /></a></th>
    <th width="193" scope="col"><a href="../Police.html"><img src="../Images/Police.jpg" width="192" height="38" alt="Police" /></a></th>
    <th width="193" scope="col"><a href="../Firefighter.html"><img src="../Images/Firefighter.jpg" width="191" height="38" alt="Firefighter" /></a></th>
  </tr>
</table>
<!-- TemplateBeginEditable name="EditRegion3" -->
<table width="814" border="1"align="center">
  <tr>
    <td height="61">&nbsp;</td>
  </tr>
</table>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="EditRegion4" -->
<table width="814" border="1"align="center">
  <tr>
    <td height="135">&nbsp;</td>
  </tr>
</table>
<!-- TemplateEndEditable -->
<table width="814" border="1" align="center">
  <tr>
    <td width="820" bgcolor="#D6D6D6"><a href="mailto:Leigh.Anderson@District196.org" target="_blank"><img src="../Images/Footer.jpg" width="805" height="40" alt="Footer" /></td>
  </tr>
</table>
</body>
</html>

Still looks odd in chrome…