Hi
The css controls how the web-pages position. Can anyone say how the header, navigation and content centre in the middle please. This is the .css code :-
Code:
/*
-------------------------------------------------
HTML ELEMENTS
-------------------------------------------------
*/
body {
font-family : Verdana, Helvetica, sans-serif;
font-size: 80%;
color: #5f5f5f;
padding: 0;
margin: 0;
background-color: white;
}
/*
-------------------------------------------------
SITE STRUCTURE
-------------------------------------------------
*/
#header, #navstrip{
width: 100%;
background-color: #4b4b4b;
}
#header{
min-height: 70px;
color: white;
}
#navstrip{
border-bottom: 2px solid #c3c4c8;
}
#head, #nav, #wrapper{
width: 900px;
margin: auto;
}
#head{
font: normal 4em Tahoma;
line-height: 2em;
}
#wrapper{
background-color: white;
border: 2px solid #717171;
}
#nav{
background-color: #717171;
line-height: 25px;
color: white;
}
#nav a, #nav a:hover, #nav a:visited{
color: white;
font-size: 1.0em;
text-decoration: none;
text-transform: uppercase;
padding: 5px 15px;
}
#left, #content{
float: left;
min-height: 400px;
}
#left{
width: 180px;
background-color: #e8e8e8;
}
#content{
width: 700px;
background-color: white;
padding: 10px
}
#footer{
clear: both;
font-size: 90%;
color: #999;
text-align: center;
}
#nav, #login {
border-bottom: 1px solid black;
padding-bottom: 4px;
}