Any ideas how I could center this web page Or to get the (fixed) sidebar to move ovef to the right - to join the rest of the page. At res 800x600 it looke ok, but at 1024 I can't get everything centered. Thanks.
The css code is:
The css code is:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<head>
<!--#include virtual="/meta/index.txt"-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
<!--
body {
margin : 0;
padding : 0;
background : #999999;
color : white;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
width : 790px;
margin-right : auto;
margin-left : auto;
}
.invisible {
display : none;
}
#fixed {
position : absolute;
top : 0;
left : 0;
width : 10em;
height : 100%;
background : #ffffcc;
color : black;
}
body > #fixed {
position : fixed;
}
#header {
margin-left : 9em;
padding-left : 6em;
background : #fff000;
color : #000fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 1.5;
}
#content {
margin-left : 10em;
padding : 1em;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
line-height : 1.5;
}
code, pre {
font-family : monospace;
font-size : large;
font-weight : bold;
background : transparent none;
color : yellow;
}
.center {
text-align : center;
}
h1 {
font-size : 4em;
text-align : center;
}
h2 {
margin-top : 2em;
}
h3 {
margin-top : 1em;
text-align : center;
}
h4 {
margin-top : 10px;
text-align : center;
}
a:link {
background : transparent none;
color : #999999;
}
a:visited {
background : transparent none;
color : #666666;
}
a:active {
background : transparent none;
color : #99ff00;
}
a:hover {
background : transparent none;
color : #000000;
}
#fixed a {
text-decoration : none;
padding-left : 1.5em;
background : none;
font-weight : bold;
font-size : smaller;
margin-bottom : 2px;
}
#fixed a:hover {
background : none;
color : #ffcc33;
}
div.address {
border-top : 0px solid black;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
div.address img {
border : 0;
text-align : left;
}
-->
</style>
<!--[if IE 6]>
<link rel="stylesheet" href="IE6hack.css" type="text/css" />
<![endif]-->
</head>