Hello everyone
I just uploaded my website template to see what it looks like. You can see the template
here The website looks good in Firefox but not so good in Internet Explorer. I would like the website to be center aligned in both browsers. Firefox center aligns the website, but Internet Explorer doesn't. Can someone please look at my code and tell me what I have to change to make this happen.
Here is the 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: left; 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: left; 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: left; 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>
Thanks in advance,
Gordon