Wie kann man ein Design "dehnen"

Wie bekommt man es hin, dass sich ein Design nach unten zieht, wenn der Text größer ist?

Ich habe immer darauf tendiert, dass man einen Oberen Bereich macht, der sich nicht wiederholt, dann einen mittleren, der sich wiederholt und einen unteren, der sich nicht wiederholt.

Geht das so?

Solange du keine festen Höhen für den mittleren Bereich verwendest sollte dieser sich auch dynamisch nach unten erweitern wenn mehr Inhalte vorhanden sind.

Soll ich das mit class machen, oder mit div# ?

div# ist ein Div, der auf eine ID basiert.
Machst du nur #name dann werden alle Elemente davon abhängig, die die ID haben.

Info: Du kannst laut W3 Validator ID nur einem Tag den Attribut id=„“ geben, aber Klassen (class=„“) kannst du beliebig vielen geben.

MfG, matibaski

Das ist dafür ganz egal.

Der Unterschied zwischen den beiden ist, dass man eine ID nur einmal in einem Dokument verwenden darf und eine KLASSE mehrmals.

Also kann es z.B so gehen:

.navi1 { background-image:url(kksdkasd.png); background-repeat:no; } .navi2 { background-image:url(kksdkasd.png); background-repeat:repeat-y; } .navi3 { background-image:url(kksdkasd.png); background-repeat:no; }

Und so im HTML Dokument:

[code]

[/code] Richtig, oder?

Hä?

Lege eine Klasse fest, und die wird dem Div dann zugewiesen, so was wie du da hast gibt es nicht.

Nein.
Du kannst einem Tag nur einmal das Attribut id und einmal das attribut class geben, und nur eine Klasse/ID, und nicht 3.

Und ich weiss gar nicht, wieso du einem Container 3 Hintergrundbilder geben möchtest.

PS: es heist nicht bei background-repeat: no, sondern no-repeat.

MfG, matibaski

Ja, dass sich der mittlere Teil wiederholt, muss der Container aus 3 Bilder bestehen :wink:

Also mit den divs muss ich dann

Hier soll auch der INhalt rein, der sich wiederholt

So kannst dus machen. Nur der CSS-Code muss stimmtn, siehe Beitrag von matibaski.

Okay, danke, damit habe ich mal wieder ein Problem weniger bei CSS =).
Werde mich mal ran machen, mein Buch zu lesen.

Wie wäre es mit background-repeat:repeat-x; ??

So wird es in die x-Achsenrichtung wiederholt.
Du kannst noch y nehmen.

MfG, matibaski

[html]body{
background-color:black;
font-family:verdana;
}
.navi {
background-color:silver;
border:dotted;
float:left;
margin-left:15px;
margin-top:15px;
width:200px;
height:500px;
}
#textbereich {
float:right;
margin-right:100px;
margin-left:10px;
height:700px;
border:dotted;
width:500px;
margin-left:20px;
background-color:silver;
}
.navi2 {
clear:both;
background-color:silver;
margin-top:20px;
margin-left:15px;
width:200px;
height:200px;
border:dotted;
}

#copy {
clear:right;
font-family:verdana;
width:700px;
height:50px;
background-color:silver;
}
Eigentlich sollte es eine Navi
darunter noch ne navi für werbung, rechts neben den navis ein content bereich, zum artikel verfassen
und ganz unten ein copyright vermerk.

irgendwie wird das content fenster nicht rechts neben den navis angezeigt.

edit: hier der rest code

Hier entsteht die Seiten Navigation.
Hier ist Platz für Text
Werbung
Copyright by
[/html]

sagt mal bitte
normal geht es doch immer so schnell