E
e n | c k m a
This code works on previous sites I have created but on this particular one
it doesn't... I don't quite understand it - it's very freakish. Could you
please let me know if it's the code or if my browser is broken? Thanks.
The problem I am encountering is the use of "margin: auto" for centering the
main div element.
Keep in mind, it works fine in Firebird and I don't see any reason why it
wouldn't work in IE6. The only thing I can think of is that the DOCTYPE is
HTML 4.01 Transitional (and I don't want to change it).
(Also at URL:http://144.132.34.224/strategis/test.html)
HTML:
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="Images/test.css">
</head>
<body>
<div id="mainFrame">
<table>
<tr>
<td>Hello World!</td>
</tr>
</table>
</div>
</body>
</html>
CSS:
----------
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
td {
color: #003366;
border: 1px solid blue;
}
#mainFrame {
margin: auto;
width: 90%;
text-align: center;
border: 1px solid black;
}
it doesn't... I don't quite understand it - it's very freakish. Could you
please let me know if it's the code or if my browser is broken? Thanks.
The problem I am encountering is the use of "margin: auto" for centering the
main div element.
Keep in mind, it works fine in Firebird and I don't see any reason why it
wouldn't work in IE6. The only thing I can think of is that the DOCTYPE is
HTML 4.01 Transitional (and I don't want to change it).
(Also at URL:http://144.132.34.224/strategis/test.html)
HTML:
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="Images/test.css">
</head>
<body>
<div id="mainFrame">
<table>
<tr>
<td>Hello World!</td>
</tr>
</table>
</div>
</body>
</html>
CSS:
----------
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
td {
color: #003366;
border: 1px solid blue;
}
#mainFrame {
margin: auto;
width: 90%;
text-align: center;
border: 1px solid black;
}