Servus,
wie schaff ich es, dass mein Header, Hauptbereich, Footer … die passende Breite besitzt ?
Ich habe meinen Hauptbereich und meinem Footer “width: 1100px” gegeben. Aber trotzdem ist der Footer breiter Mein Menü sollte so breit sein wie mein Header, also habe ich beiden die breite “width: 1090px” gegeben. Aber mein Menü ist wieder um ein paar pixel breiter
Kann mir jemand dabei zu Seite stehen oder mir einen Link zu einem tut … schicken ?
Achja, das ist meine Webseite, wo ich übe. moderndesigns.bplaced.net
[code]/Hauptbereich/
body
{
font: 12px arial, sans-serif;
background-color: #414141;
height: 100%;
}
#container
{
width: 1100px;
background-color: #ffffff;
padding: 5px 5px;
}
#header
{
background-color: #000000;
height: 120px;
position: absolute;
}
#footer
{
clear: left;
background: #000000;
text-align: center;
width: 1100px;
padding: 10px;
color: #a0a0a0;
}
/Navigation/
#menu
{
font: bold 11px arial;
height: 30px;
line-height: 30px;
background-color: #414141;
margin-top: 75px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
#menu .last-li
{
border: none;
}
#menu li
{
float: left;
display: inline;
height: 30px;
border-right: 1px solid #6d6d6d;
}
#menu a
{
display: block;
text-decoration: none;
color: #a0a0a0;
padding-left:12px;
padding-right:12px;
}
#menu a:hover
{
color: #ffffff;
}
#index #navIndex a,
#komodie #navKomodie a,
#drama #navDrama a,
#fantasie #navFantasie a,
#action #navAction a,
#thriller #navThriller a,
#krimi #navKrimi a,
#sciencefiction #navScience-Fiction a,
#horror #navHorror a,
#comedy #navComedy a,
#kindertv #navKinder-TV a
{
background-color: #00acfd;
color: #000000;
height: 30px;
display: block;
}[/code]