Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help with header Re: Help with header

#69730
TheDoc
Member

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

Code:
/********************************************
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;
}