Hallo, willkommen bei meinem ersten Beitrag in diesem Forum

Ich habe folgendes Problem: Ein Div in einem Div wird relativ darin positioniert und erhält einen margin-button, so dass ein gewisser Abstand zwischen ihnen eingehalten werden soll. So weit die Theorie ... umsetzten tut es mein Browser nicht. Ich benutze keine Floats. Kann mir jemand das Verhalten erklären?


Ich gehe mal davon aus, dass ein solches Problem schonmal im Forum gelöst wurde, allerdings bin ich mit meiner Suche nicht darauf gestoßen, also schonmal sorry für den Doppelthread...

Ohne Code schwer zu sagen, aber evtl.: http://xhtmlforum.de/50540-u-eren-co...tml#post373479

Danke für die Antwort, aber die bezieht sich ja auf die float-Problematik. Ich benutzt noch kein float. Ich bin verwundert, weil eben folgender, wirklich einfacher Code nicht das tut, was er tun soll:

<div id="testhauptframe">Raum fuer den Inhalt von id "testhauptframe"
<div id="testinhalt">Raum fuer den Inhalt von id "testinhalt"</div>
</div>

#testhauptframe {
background-color: #00CCFF;
padding-bottom: 0em;
}

#testinhalt {
background-color: #33FF66;
width: 22em;
margin-bottom: 4em;

Eben nicht:

Dein Fall ist genau der von mir beschriebene "in grün".

Die Lösung deines Problems liefert die Suchfunktion unter dem Begriff "Collapsing margins".

btw: Deinem #testinhalt fehlt die schließende Klammer.


edit: 2 Minuten zu spät.

Hmm ... also ehrlich gesagt hab' ich jetzt schon mindestens vier Guides, die sich mit ähnlichen Problemstellungen befassen, durchgelesen, ohne das ich es anscheinend richtig verstanden hab', wie ich in meinem Problem weiterkomme.
Ich steh' echt auf dem Schlauch. Gibt es eine Seite, die genau mein Problem schildert und ein Codebeispiel anbietet? Oder eine Seite, die es für einen Techniker mit wenig Worten richtig erklärt? Bin mit langem Texten wohl überfordert

Auch in Deinem Falle fallen die vert. margins der beiden divs zusammen, was de facto zur Folge hat, dass der angegebene margin vom äußeren div auf das ihm nachfolgende Element angewandt wird.

Für Dein Vorhaben brauchst Du padding statt margin.

Das Problem ist, dass Padding für alle im Elternteil vorkommenden Divs gilt, und ich möchte noch rechts ein Kinder-Div über die komplette Höhe des Eltern-divs einbauen.

Hi,

Du kannst doch für jedes div eigene paddings definieren, soweit ich weiß.

Entweder über Nachfahrenselektoren ansprechen, oder dem entsprechenden div eine eigene Klasse/ID verpassen und dort dann padding festlegen.

Gruß
Klaus

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Es stimmt schon, dass man für jedes Div ein Paddings festlegen kann, allerdings gelten die Paddingeinstellungen eines Divs für alle darin enthaltenen Inhalte. Ich will aber 2 Kinder-Divs in ein Eltern-Div unterbringen. Dass eine Kinddiv soll mit Inhalt gefüllt werden und das Elterndiv je nach Inhaltsmenge aufspannen. Wenn ich das mit Padding des Elterndivs mache, dann gilt diese Padding auch für das zweite Kinderdiv, dass sich aber über die gesamte Höhe des Elterndivs erstrecken soll (Seitenleiste rechts).

Ich sollte erwähnen, dass ich mit "Eltern" bzw. "Kind" keine vererbende Beziehung meine, sondern nur, das das Kinddiv sich im Elterndiv untergebracht ist.