[nicole.kowalski]

hi leute, ich hoffe ihr könnt mir helfen!
bin hier mit einem layout auf css basis am verzweifeln.
es hat mehrere div tags über und untereinander, wenn ich aber in die tags unterschiedlich lange texte reinschreibe, dann verschiebt sich irgendwann alles. wie schaffe ich es, dass die headline divs über ihren inhalts divs bleiben?
float: left und entsprechendes habe ich ja schon angewendet.

danke schonmal!!
eure nicole


hier ist die seite:http://www.lunaticsol.de/kleine_welten/fuerdich.htm

und hier mein css code:

[sahnemuh]

das padding wird in browsern, welche das boxmodel richtig interpretieren zu der größe des elementes dazu gerechnet.

in deinem layout ergeben sich also:

- für "textboxlinks": 375+50px(padding-left) = 425px
- für "textboxrechts": 420px + 45px(left) + 50px(right) = 515px.
...macht summa summarum 940px

dein container "layout" hat die breite von 800px...

[l3mon]

validier deinen code mal - du zwingst den browser in den quirks-mode

nur mal so als tipp: id's werden nur einmal vergeben - also änder deine ids in klassen

[nicole.kowalski]

hi leute
vielen dank .
es ist mein erstes layout das komplett auf diesem boxmodell und css basieren soll, darum muss ich wohl noch einiges dazulernen .
diese seite zum validieren kannte ich zb noch nicht, ist aber super praktisch.
das mit der einmaligen id hab ich jetzt auch verstanden. die 30 fehler die gefunden wurden reduzieren sich ja dann auf sieben, wenn ich alle doppelten ids in klassen geändert habe.
die maße werde ich auch ändern, danke .

habe noch ein paar fragen:
-was ist dann genau der sinn der ids? man könnte ja auch für dinge die nur einmal erscheinen klassen nehmen. weshalb also ids?
-was bedeutet quirks mode?

danke!
ich meld mich dann noch mal.
gruß
nicole

[m]

http://de.wikipedia.org/wiki/Quirks-Modus

http://www.mediengestalter.info/forum/4/suche-seite-fuer-x-html-114815-1.html

[xaos]

Zum Validieren auch eine schöne Erweiterung für den Fuchs:

https://addons.mozilla.org/en-US/firefox/addon/249

[nicole.kowalski]

hi
habe die sache nun etwas abgespeckt:
nur noch zwei divs für den eigentlichen inhalt, verschieben tut sich auch nichts mehr.
ein problem habe ich aber nun, dass vorher nicht da war und ich habe auch mit
langem suchen und nachforschen nicht herausfinden können wo das problem liegt:

die hintergrundfarbe im content dehnt sich nach rechts unterhalb des menüs weiter aus,
obwohl ich nur 800px breite angegeben habe . wie bekomme ich das hin, dass die
farbe auch wirklich nur links im inhaltsbereich bleibt??

aktuelle seite

hier der css code noch mal: