Home › Forums › CSS › Help with header › Re: Help with header
Things I did:
Removed width from body
Removed absolute position from h1 & h2
Removed top & left elements from h1
Added "text-align:center" to h1 & h2
AUTHOR: Mikki Klokkedal S?rensen
WEBSITE: http://www.klokkedal.dk
TEMPLATE NAME: Unknown
VERSION: 1.0
LAST MODIFIED: 21/1-2010
*******************************************/
/* Generelt */
body {
margin: 0; padding: 0;
font: normal 73%/1.5em Tahoma, sans-serif;
color: #555;
background: #FFF url(http://i302.photobucket.com/albums/nn87/Klokkedal/bg.jpg) repeat-x;
text-align: left;
}
/* Links */
a { background: inherit; color: #72A545; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }
/*********************************
LAYOUT
*********************************/
#header-content, #content, #footer-content {
width: 760px;
}
/* Header */
#header {
height: 100px; position: center; width: 700px; margin: 0 auto;
padding: 0;
}
#header-content {
margin: 0; padding: 0;
position: relative;
}
#header-content h1#logo {
font: bold 45px sans-serif;
letter-spacing: -2px;
Color: #fff;
text-align:center;
margin: 0; padding: 0;
}
#header-content h1#logo a {
text-decoration: none;
color: #FFF;
}
#header-content #slogan {
font: bold italic 16px Sans-serif;
text-transform: none;
color: #FFF;
margin: 0; padding: 0;
text-align:center;
}