innerer layer von zwei bestimmt die höhe

[Othmar Fetz]

hallo leute!

endlich weg von tabellen für's layout, hin zu css - spät, aber irgendwann muss es sein. nun folgendes problem:

ich habe einen hauptlayer, der eine "art" rahmen bildet, in dem sind dann weitere layer für content, navigation usw.

jetzt die frage: wie kann ich den inneren layer für text die höhe des äusseren bestimmen lassen, mit einem unteren abstand von 20px ... geht das? bin für jede anregung dankbar!

lg. othmar

[Jörg Peschke]

Moin,

endlich weg von tabellen für's layout, hin zu css

sehr löblich! :)

jetzt die frage: wie kann ich den inneren layer für text die höhe des äusseren bestimmen lassen, mit einem unteren abstand von 20px ... geht das? bin für jede anregung dankbar!

Hm, wie wärs damit:

#aussen {
   padding-bottom: 20px;
}

#innen {
   width:200px;
   /* oder was auch immer */
}

<div id="aussen">
   <div id="innen">
       Ein bisschen Text
   </div>
</div>

Evtl. brauchst für den Mozilla noch ein Clear div nach dem Innen-Div, damit das Aussen-Div brav mitwächst:

<div class="clearer"></div>

mit

.clearer {clear:both;}

Bin mir aber nicht sicher. Muesstest mal ausprobieren.

Alles ohne Gewähr :)

[Othmar Fetz]

danke für deine rasche antwort, leider wächst da gar überhauüt nix mit :(

[Detlef G.]

Hallo Detlef

jetzt die frage: wie kann ich den inneren layer für text die höhe des äusseren bestimmen lassen, mit einem unteren abstand von 20px ... geht das? bin für jede anregung dankbar!

Der Inhalt des inneren Blockelements bestimmt dessen Höhe, diese wiederum
die Höhe des umschließenden Blocks, solange du keine Angaben gemacht hast,
die dieses Standardverhalten verhindern.

Wie sollen wir dir nun helfen, wenn du uns diese von dir gesetzen
Eigenschaften nicht verrätst?

Auf Wiederlesen
Detlef