Hello once again! I am having a bit of CSS troubles...'margin:0px auto;' is not working. I would like to use it to center everything on my page. Note: It does not work in ANY browser. Note my code below:
index.html
Code:
<html>
<!-- OPEN HEAD TAG -->
<head>
<title>Neo Productions [HomePage]</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<!-- CLOSE HEAD TAG -->
<!-- OPEN BODY TAG -->
<body id="background">
<div id="content">
<div id="header">
</div>
</div>
</body>
<!-- CLOSE BODY TAG -->
</html>
stylesheet.css
Code:
/* Neo Productions [StyleSheet] */
/* Basic Styles */
body {
font-family: Tahoma, Arial;
font-size: 10px;
height: 100%;
padding: 0;
/* IE Centering */
text-align: center;
}
a{
text-decoration: none;
color: #000;
}
/* Background */
#background {
background: #383838;
position: fixed;
top: 0;
left: 0;
height: 100%
width: 100%;
}
/* Content */
div#content {
width: 777px;
/* Default Centering [Most Browsers] */
margin: 0px auto;
/* Reset Text-Align */
text-align: left;
}
/* Header */
div#header {
background: url('images/headerBG.png');
width: 777px;
height: 210px;
}
Result of the above code:
Neo Productions [HomePage]
Can anyone help? Any suggestions will be highly appreciated!
- Neo