[CSS] Probleme bei Layern mit padding

[cookie2003]

Hallo,

ich habe folgendes grundsätzliches Problem beim Arbeiten mit CSS-Layern. Ist vermutlich so simpel, daß ich vor lauter Einfachheit nicht darauf komme

Wenn ich einen Container definiere, der innerhalb eines anderen Containers die Breite 100% hat (width="100%"), dann zusätzlich ein "padding: 10px" notiere, dann hauen mir Mozilla & die Gecko-Familie den Bereich grundsätzlich nach rechts weg. IE6 und Opera stellen es richtig da.

Beispiel, siehe hier, der grüne Balken (mit Mozilla, Firefox oder NN ansehen).

http://www.dsproductions.de/favourite.html

Wie bekomme ich in diesem grünen Bereich ein padding notiert, ohne daß die Gecko-Familie so ´nen Murks macht?

Vielen dank im voraus für Eure Hilfe.

[Terry]

Nein - Mozilla/Netscape stellen es als einzige richtig dar!

Stichwort: Boxmodell! : http://www.stichpunkt.de/css/css-tipps.html#bmb

Das die anderen Browser es falsch machen, liegt am Doctype, der die Browser in den Quirks-Mode schickt. Damit ist der IE 6 auf dem Stand des IE 5 und die neuen Operas machen es anscheinend aus Sympathie zum IE nun im Quirks-Modus auch falsch - ältere Operas (vor 7.1) machen es richtig.

Damit hast Du bei diesem Doctype nun ein ernsthaftes Dilemma. Tipp: benutze einen Doctype, der die Browser in den Standard-Modus versetzt. Hier Infos dazu: http://www.fabrice-pascal.de/artikel/dtd/

Dann reagieren alle gleich (bis auf den alten IE 5).

[cookie2003]

Danke an die Fachfrau
(irgendwie dachte ich mir beim Schreiben des Threads, das Terry sicher ne Antwort hat und siehe da )

Doctype habe ich geändert (ist bei Adobe GoLive der Standard-Doctype, daher flutscht der meistens ungesehen so mit rein), um erstmal den Quirkmodus abzustellen.

Ich werde das Problem jetzt so lösen, daß ich das Padding des Elements selbst auf 0 setze und dann einen weiteren Container innerhalb definiere, der ein Margin:10px bekommt. Damit müßte ich dasselbe - wenngleich es dann ne dickere DIV-Suppe wird - erreichen (hoffe ich ).

[cookie2003]

schon wieder was tolles!!!
Terry (oder jemand anderes), wärst Du nochmal so freundlich?

Guckst Du hier

Warum reißt der Container (grüner Bereich) hier aus und schiebt sich über den Rahmen, obwohl der grüne Container innerhalb des Rahmens liegt? Meine Angaben bezüglich Höhe (height: auto werden hier komplett ignoriert. Warum