The following code looks good in IE 6, but not in Firefox or Netscape. The DIV elements are centered in IE but not Firefox or Netscape. Can anyone tell me why, and what to do about it?
Thanks.
- James.
My memory is not as good as it should be, and neither is my memory.
I have forgotten more than I can remember
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Layout test</title>
<style type="text/css">
<!--
body { background-color:red; text-align:center; }
#Page_Container { background-color:blue; width:950px; }
#Main_Menu { background-color:green; width:650px; height:150px: }
#Right_Column { background-color:gray; width:200px; height:500px; float:right; }
#Main_Content { background-color:orange; width:600px; height:400px }
#Footer { background-color:pink; width:700px; }
--></style>
</head>
<body>
<DIV ID="Page_Container">
<DIV ID="Right_Column">
This will be a news feed.
</DIV>
<DIV ID="Main_Menu">
This will be a menu.
</DIV>
<P><P>
<DIV ID="Main_Content">
This will have most of the page content.
</DIV>
<P><P>
<DIV ID="Footer">
This will be the page footer.
</DIV>
</DIV>
</body>
</html>Thanks.
- James.
My memory is not as good as it should be, and neither is my memory.
I have forgotten more than I can remember