[momid]

Hallo allerseits,

um zu erreichen, dass ein Kasten "100% plus eine bestimmte Anzahl Pixel" hoch ist, habe ich ihn mit einer Box umgeben, die oben oder unten ein pixelmäßiges Padding hat.

Der umgebende Kasten hat die gewünschte Höhe, nicht jedoch der eigentliche Kasten. Wie bringe ich diesen dazu, den umgebenden Kasten ganz auszufüllen?!

In folgendem Beispiel ist es der rote Kasten, der den grauen 100% ausfüllen soll: Spielwiese 3


Schöne Grüße,

momid.

[momid]

Bin schon ein wenig weiter gekommen:

CSS:

#drinnen {	position:relative; width:100%;
		-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
		border:solid 1px red; }
			
#drinnen div {	height:100%;
		padding-bottom:34px;
		border:dashed 1px black; }

HTML:

<div id="box">
	<div id="nR">
		<div id="nL">
			<div id="nU">
				<div id="drinnen"><div></div></div>
			</div>
		</div>
	</div>
</div>

Mal sehen, ob's hält, was es verspricht

[momid]

Ui ui ui ui ui... Hat jemand einen Tipp, wie ich das gleiche in IE erreiche?

Das Ziel ist, einen Rahmen zu haben und darin einen Kasten, der den Rahmen rechts und unten überragt.

Die Überragungsdicke soll pixelmäßig gewählt werden dürfen. Außerdem soll auch der Abstand dieser überragenden Fläche zum oberen und linken Rand des Rahmens pixelmäßig eingestellt werden dürfen.

Diese Pixelwerte sollen optisch gleich bleiben, auch wenn der Rahmen seine Dimensionen verändert. Im FF klappt's (der rote Kasten im folgenden Beispiel): Klappt

Aber der I-eee... (IE6 ist zumindest gemeint)

[hubspe]

du solltest einen vernünftigen Doctype einfügen sonst läuft der IE im Quirksmodus.