warum ist der rand nicht durchgehend?

Hallo, nach dem ich mir den Rat zu Herzen genommen habe und mir html und auch css noch einmal etwas genauer betrachtet habe, habe ich nun angefangen meine Seite ohne Tabelle sondern über Blocks zu und deren Verhältnis zueinender aufzubauen.

ich habe nur ein kleines rand Problem das ich nicht wirklich verstehe,

der Rahmen für das inner Element (enthält menu und content) beginnt am Balken wie das sein soll, aber eigentlich sollte der Ramen bis zum unteren Balken gehen was er nicht tut.

Irgend jemand eine Idee welche CSS Eigenschaft ich übersehen habe?

ich fange erst an die Elemente in eigene php Dateien zu zerlegen wenn das Grundlayout stimmt

evtl hat ja sowieso noch jemand eine Idee zum Design :slight_smile:

sorry hier der link :slight_smile:

http://neudesign.amatöne.de/

Liebe Grüße Throndorin

Das ist der untere Außenabstand von

.
Ändere ihn in Innenabstand um und die Border gehen bis unten durch:

.content p { margin-bottom: 0; padding-bottom: 1em; }

Die Browser haben für die meisten Blockelemente margin und padding-Werte voreingestellt.
Du kannst für alle Elemente die Abstände mit einem „Joker-Selektor“ (*) auf 0 setzen:

* {
margin: 0;
padding: 0;
}

Danke Neuroleptika,

mmh wundert mich aber etwas, weil das p dann ja über das div gehen würde und der Rahmen ist doch für das div notiert, komisch komisch aber so wie du sagst funktioniert es

Warum das so ist weiß ich auch nicht.
Das ist nicht nur bei border-left / border-right so.
Auch background-image und background-color füllen das margin-top bzw. margin-left vom Kinderelement nicht mit aus.
Es kommt noch besser:
wenn du .inner ein border-bottom geben würdest währe die Lücke auch weg:

.inner{
    border-left-width:3;
    border-left-style:solid;
    border-right-width:3;
    border-right-style:solid;
border-bottom: 1px solid #ffffff;

Dann würde auch eine background-color bis zur Unterkannte von .inner gehen.