Quote:
Originally Posted by htmlbasictutor
Ok, first of all, you would benefit from moving all that inline styling to an external stylesheet. Why? Because in the future when you want to make changes you will have make changes in one spot instead of opening every single page and editing them.
You have set the text-align of your tables to left.
a) this is the default so it isn't necessary to spec this.
b) this would be one reason why the content appears to not be centered.
If you are going to have empty cells in your table, then put a non-breaking space in the cell. Some browsers have issues with empty cells.
Try those fixes and come back if you still have issues.
|
Hello htmlbasictutor
Thanks for the reply. I will work on the CSS once I get this alignment issue fixed. I have set the text align of my tables to center and have also added a non breaking space to the empty cells. Unfortunately the tables are still only centered aligned in Firefox and not in Internet Explorer.
Here is the new code:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Creating An Online
Business 101</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(233, 233, 233);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="width: 714px; text-align: center; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center;"><a href="index.html"><img
style="border: 0px solid ; width: 714px; height: 224px;" alt="Header"
src="../images/header.jpg"></a><br>
</td>
</tr>
</tbody>
</table>
<table
style="width: 714px; text-align: center; margin-left: auto; margin-right: auto;"
background="../images/background.jpg" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td style="width: 20px; text-align: center;"></td>
<td style="vertical-align: top; text-align: center;"> </td>
<td style="width: 20px; text-align: center;"><br>
</td>
</tr>
</tbody>
</table>
<table
style="width: 714px; text-align: center; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center;"><img
style="width: 714px; height: 115px;" alt="Footer"
src="../images/footer.jpg"></td>
</tr>
</tbody>
</table>
</body>
</html>
Did I miss something?
Thanks
Gordon