div hight:100% im float-element geschlossen

[corema]

alohahe,
ich hab hier folgendes problem
ich hab ein

......

userpanel ist ein float-element und hat deshalb eigentlich die höhe null
jetzt hätte ich nun gerne, dass userpanel_more genau so groß ist, wie serpanel_box, dessen größe nach dem inhalt bestimmt wird.
hätte es ja gerne mit hight:100% gemacht, funktioniert aber naturlich nicht. entweder bleibt die höhe bei null oder hat die selbe höhe wie der bod-tag. das hängt vom doctype ab.
hat da jemand eine schlaue idee wie ich das anstellen kann, so dass beide größen abhängig von der größe von userpanel ist?
die höhe einfach fest zu setzten wäre zu starr.

danke schon mal
gruß

 

[Broken Sword]

Hi,
erstmal zum Thema 100%: http://www.freesoft-board.to/f291/geschlossen-css-div-height-100-a-470889.html#post4631416

Dann habe ich hier mal ein Beispiel, wie das aussehen könnte.

DOCTYPE html>








......

.userwrapper ist sozusagen dein "main"-div, bzw. das Mutter-Element, wo du das ganze unterbringen willst. Außerdem ist es ungünstig, wenn du mit % arbeiten willst, fixe Werte für border,margin oder padding zu benutzen, da ein Browser sowas auf die % drauf schlägt (height:50% = 50%+border-top+border-bottom+margin-top+....)
Tipp: Anstatt border vielleicht outline benutzen

Hoffe, ich konnte dir weiterhelfen.

Gruß
Broken Sword

 

[corema]

hm leider funktioniert das nicht
ich habs jetzt erstmal mit javascript gelöst
würde mich dennoch über eine alternative freuen, wenns da eine gibt

 

[Broken Sword]

hm leider funktioniert das nicht

Was funktioniert nicht? Obiger Code ist mit Opera, Fx, IE, Chrome und Safari getestet und bewerkstelligt doch auch das, was du beschrieben hast, oder nicht?

 

[corema]

die größe von userpanel_box wird zwar vom inhalt bestimmt, aber userpanel_more hat nicht die selbe höhe wie userpanel_box.

ich hab bei userpanel_box height:100%; dadurch wurde wurden bei divs an die höhe von userpanel bzw userwrapper angepasst und sind gleich groß.
die höhe wird dadurch aber nicht mehr vom inhalt bestimmt. sondern von der größe von userpanel.
jetzt wäre es super, wenn die sich die größe vom von userpanel von userpanel_box abhinge.
dafür müsste bei userpanel_box height:100% raus, doch dann wären wir wieder am da wo wir vorher waren.

danke für deine hilfe
gruß corema

 

[Broken Sword]

jetzt wäre es super, wenn die sich die größe vom von userpanel von userpanel_box abhinge.
dafür müsste bei userpanel_box height:100% raus, doch dann wären wir wieder am da wo wir vorher waren.

Den ersten Satz verstehe ich leider nicht ^^"

Aber hast du mal versucht, min-height zu nehmen und die beiden boxen in einander zu verschachteln?

Dann wäre nur noch userwrapper die Grenze.

Gruß
Broken Sword

 

[corema]

irgentwas mal wieder doppelt gemoppelt

wie ist es damit^^:

jetzt wäre es super, wenn die sich die größe von userpanel nach userpanel_box richtet.

min-height geht nicht, weil wenn *_box größer als min-height ist, bleibt *_more kleiner.

ineinanderschachteln würde funktionieren, wenn *_more nicht einen anderen hintergrund hat als *_box. das wäre dann ja so in etwa wie userpanel und userpanel_box zu einander verhalten. noch margin/padding dazu und .... voila

gruß
corema

EDIT: obwohl...... moment! lass mich dazu was ausprobieren....