I cant seem to get my footer to line up with the rest of the page.. I have tried almost everything I cant think of... I tried taking the container class away.. I ahve tried make it .footer instead of #footer.. I made all the width, margin, padding all the same and it still is just a bit to short... I am new to css and this is my first time actually tring to create the whole page in css... I have validated the css and the php file...
here is the css...
Code:
#container{
width: 80%;
margin: auto;
padding: 20px;
/*border: 1px solid #666;
/* background-image: url(All_Sites/Images/bgTile.gif); */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
/* cursor: default; /* can add a new cusor */
}
#footer {
text-align: center;
background-color: #C9D9E2;
padding: 2px;
width: 40%;
margin: auto;
font-size: 9px;
color: #4B626E;
}
body {
background-image: url(All_Sites/Images/bgTile.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
}
.table{
background-color: White;
width: 80%;
margin: auto;
padding: 20px;
}
.indexTable{
background-color: White;
width: 40%;
margin: auto;
padding: 20px;
}
a:link {
color: #0175B1;
text-decoration: none;
}
a:visited {
color: #0175B1;
text-decoration: none;
}
a:hover {
color: #0175B1;
text-decoration: underline;
}
a:focus {
color: #333333;
text-decoration: underline;
}
a:active {
color: #0175B1;
text-decoration: underline;
}
ul {
list-style-position: outside;
list-style-type: disc;
}
and here is the php file....
Code:
<div id="container">
<div class="indexTable">
<table>
<tr>
<td><img src="All_Sites/Images/logo_airwaves_ON.gif" alt="" width="161" height="44"/></td>
</tr>
</table>
<table>
<tr>
<td width="57%"><img src="All_Sites/Images/img_resident.jpg" alt="" width="251" height="225"/></td>
<td width="43%" valign="middle">To get information about service in your area, select your location from the following choices:
<?
print "<form name=\"form1\" method=\"post\" action=\"All_Sites/index.php\">";
print "<select name=\"select\" >";
print "<option value=\"#\" selected=\"selected\">Select Site</option>";
$query = "SELECT * FROM SiteLinks";
$result = mysql_query($query);
while($row= mysql_fetch_array($result))
{
$SiteName = $row["SiteName"];
$SiteCode = $row["SiteCode"];
print "<option value=\"$SiteCode\" >$SiteName</option>";
// print "<input type=hidden name=Site value=$Site>";
}
print "</select>";
print "<input type=\"submit\" name=\"submit\" value=\"Submit\" />";
print "</form>";
?> </td>
</tr>
</table>
</div>
<div id="footer">
Copyright © 2006 Airwave Networks. All Rights Reserved.
</div>
</div>
I have tried it without the container class and it still doesnt work...
the link to the site is http://www.half2deal.com/new-index.php
can anyone help me out??
Bookmarks