Hallo,

ich bin recht neu in CSS und habe ein Problem, ich habe mir ein Container erstellt in diesen sind weitere 3 Container untereinander. 3 Container da ich Runde Ecken verwenden möchte und dies mit Bildern verwirkliche. So nun zu meinem Problem, wenn ich denn mittleren Container ohne <p> mit Text fülle past alles, sobald ich aber <p> verwende entsteht zwischen dem 2 und 3 Container eine Lücke. Wenn ich aber diesem Container einen Border verpasse geht es wiederrum auch. Habe schon nach diesen Problem in diversen Foren gesucht und leider nichts gefunden. Ich hoffe das mir hier jemand helfen kann.

Edit: im Firefox geht es, IE und opera nicht.

Ich bin mir sicher, dass irgendwo collapsing margins genannt wurden.

Im Firefox scheint es zu funktionieren, weil Mozilla die Regeln für min-/max-height in diesem Zusammenhang noch nicht richtig umsetzt.

__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Hallo Andy,

konnte mit dem Code das nicht nachvollziehen.Hast 'nen Link für die Gifs?
IE 4 oder 5 oder 6 .... na ja, etwas mehr Info wäre nicht schlecht.

lg

__________________
Manfred Fröhlich
Internet Marketing Design

Web: http://www.mgg.co.at

Ich danke dir für die schnelle Antwort. Ich weise nun p margin-bottom 0 zu und es geht, oder gibt es da noch eine andere Möglichkeit?

MfG Andy

@ mediagenic

Auch dir Danke ich natürlich für deine Antwort, aber die Antwort von gato hatt mir weiter geholfen, wenn ich p margin-bottom 0 zuweise verschiebt er den unteren Container nicht mehr . Aber um deine Frage zu beantworten IE 9 und die Gif´s sind einfach nur 720px breit, 15px hoch mit abgerundeten Ecken. Wie man auf dem Bild sieht wo es das untere verschoben hatte.

MfG Andy

Die anderen Möglichkeinten wurden im verlinkten Artikel beschrieben.

Die Frage ist, ob es für dich in Ordnung ist, wenn du auf den unteren Außenabstand der p-Elemente verzichten kannst (ich würde sagen ja).

Eine andere Frage, die ich vorher vergessen habe, wäre, warum du die runden Ecken nicht mit der border-radius-Eigenschaft erstellst. Dann benötigst du nur ein einziges Element um den Effekt zu erzielen.