Problem mit padding...

[p4n!kK]

Hallo, habe mal wieder etwas ;)

Also habe mal ein neues Layout probiert:

www.RRoesener.de

Doch wenn ich im CSS Stylesheet beim #content padding:10px reinschreibe, wird er Content immer breiter auf der rechten Seite!

CSS:

body
{
background-color: #DCDCDC;
font-family: Arial;
font-size: 100.01%;
width: 800px;
height: 100%;
margin: auto;
padding: 0;
}
a
{
color: #FFFFFF;
}
a:visited
{
color: #8B0000;
}
a:hover
{
color: #8B0000;
}
a:active
{
color: #FFFFFF;
}
h1
{
color: #000000;
text-align: center;
}
h2
{
color: #000000;
text-align: center;
}
h3
{
color: #000000;
text-align: center;
}
h4
{
color: #000000;
text-align: center;
}
#header
{ 
width: 800px;
height: 130px;
background: #C0C0C0 url(bilder/header.jpg) no-repeat center;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
margin-top: 15px;
}
#navi
{
width: 800px;
height: 30px;
background: #C0C0C0;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}
#content
{
width: 800px;
background: #C0C0C0;
padding: 10px;
font-size: 12px;
text-align: justify;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}
#footer
{
width: 800px;
height: 15px;
background: #C0C0C0;
text-align: center;
font-size: 11px;
border: 1px solid #666666;
margin-bottom: 15px;
}

Woran liegt'n das?!

Lg

 

[prm]

Das ist nach dem CSS-Boxmodell völlig korrekt so: Die Gesamtbreite ergibt sich aus width, zuzüglich padding- und border-Werten.
Wenn du also padding links und rechts je 10px hast, dann musst du den width-Wert von #content um 20px auf 780px reduzieren.

 

[p4n!kK]

Oki klappt

Danke dir!

 

[Efchen]

Die Gesamtbreite ergibt sich aus width, zuzüglich padding- und border-Werten.

...und margin-Werte noch dazu.

Das nur der Vollständigkeit halber.