hoehe div box auslesen?

[dicht`]

hallo zusammen,
hab mal wieder ein kleines problem. :/
hab 2 div boxen (#mainw & #gb_entry ).
#gb entry befindet sich in #mainw und ist von der hoehe variable(height=auto). nun wuensch ich mir das sich #mainw der hoehe von #gb_entry anpasst, sprich: #mainw, height=#gb_entry, height+40px.
ist es moeglich die hoehe wenn sie auf 'auto' steht auszulesen?
hab ein bissel rum gegooglet und das einzige was ich finden konnte war halt eine loesung ueber java. nun kenn ich mich mal so garnicht mit java aus und so richtig schlau wurde ich leider daraus nicht. ich wuerd auch liebend gern gaenzlich auf java verzichten.
habt ihr vllt eine andere loesung fuer mich?
wenn nicht, koenntet ihr mir vllt erlaeutern wie ich das mit java anstellen muss?

hier ein kleines pic zur verdeutlichung:

dank schonmal im vorraus...

EDIT: mist habs im falschen subforum gepostet. sry 4 that :/

 

[Körnerbrötchen]

ich wuerd auch liebend gern gaenzlich auf java verzichten.

Ja besser ist, du meinst wahrscheinlich auch eher JavaScript. Das ist aber ganz und gar nicht das gleiche und auch nicht das selbe.

Die Höhe auzulesen ist ohne JS nicht möglich und auch nicht sinnvoll. Ich habe nicht ganz verstanden was du vorhast (vllt haste ja nen Link), aber es sei dir so viel gesagt, dass mittels height:100% das Element die Höhe seines Elternelements annimmt.

 

[dicht`]

Die Höhe auzulesen ist ohne JS nicht möglich und auch nicht sinnvoll. Ich habe nicht ganz verstanden was du vorhast (vllt haste ja nen Link), aber es sei dir so viel gesagt, dass mittels height:100% das Element die Höhe seines Elternelements annimmt.

du hattest natuerlich recht ich meinte JS.
link hab ich leider nicht.
also die gruene box ( #gb_entry ) ist in der groesse variable, je nach dem wieviele eintraege im gb und wie lang die sind, veraendert sich die groesse der box. also muss sich das elternelement daran orientieren und nicht umgekehrt. daher klapp das mit 100% nicht.
kanns du mir erlaeutern wie ich das mit js machen kann?

 

[Gelöschtes Mitglied 16524]

Hi,

wieso löst du das nicht so:

#mainw{
width:902px;
background-color:yellow;
}
#gb_entry{
width:490px;
background-color:red;
margin-top:40px;
margin-left:377px;
}

<div id="mainw">
<div id="gb_entry">
Hier steht dann der Text!
</div>
</div>

Wenn du das position:absolute; weglässt, passt sich doch das äußere Div an.
HTML

 

[dicht`]

das problem ist das die position vom #gb_entry (top,left) nicht in jedem browser richtig angezeigt wird wenn absolute aus ist.

 

[Gelöschtes Mitglied 16524]

Hi,

deswegen löse ich es ja mit margin. Wenn ich mich nicht täusche funktioniert das in jedem Browser ohne position:absolute;

HTML

 

[dicht`]

oh.. wow! das ist ma nen guter tip, danke :)

 

[dicht`]

hmm nun hab ich aba dadurch ein anderes problem...
es ist nach oben hin zum #menue was direkt ueber #mainw anliegen soll bzw press an einander, eine luecke entstanden. :(

 

[Körnerbrötchen]

Gib doch einmal den kompletten Code deiner Seite. Danke!

 

[dicht`]

hab den fehler gefunden...
#gb_entry {margin-top} zieht #mainw box nach unten. habs nun auf 0 gestellt und nun ist alles gut.

SOLVED!