[HTML][CSS][JavaScript]CSS height:auto + JS/Expressions Opcje

[dotangelo]

Witam serdecznie,
Mam następujący problem.

Posiadam dwa DIV'y o wysokości auto, czyli dopasowanej do tekstu. Obydwa DIVy mają position:absolute, i nachodzą na siebie. Moge hardkodować na stałe jakąś wysokość i uniknąć unikania poprzez zwiększenie wysokości poprzedzającego diva tak, że następny div nachodzi na jego pustą przestrzeń.

Co potrzebuje zrobić ?
Chce, aby pierwszy DIV, miał wysokość równą wysokości potrzebnej aby jego tekst nigdzie nie uciekał poza obszar diva + wysokość diva drugiego, aby obydwa teksty się mieściły.

Czy mogę to zrobic poprzez CSS Expressions ? Wiem, że nie powinno się tego używać, jednak to chyba rozsądne rozwiązanie w tym przypadku.

Czy, skoro obydwa divy mają height:auto, takie coś zadziała ?:

width:expression(document.getElementById('bottom').height +document.getElementById('top').height) px;

Jeśli nie, jak to rozwiązać ? Z góry dzięki.

Ten post edytował dotangelo 28.07.2009, 10:17:18

[erix]

Chce, aby pierwszy DIV, miał wysokość równą wysokości potrzebnej aby jego tekst nigdzie nie uciekał poza obszar diva + wysokość diva drugiego, aby obydwa teksty się mieściły.

Expression tylko w IE <8 pójdzie. W pozostałych musisz użyć JS (ew. Firefox - bindingi).

A tak spytam, co chcesz tak naprawdę osiągnąć? Może jest inne rozwiązanie?

[dotangelo]

Dziękuję za odpowiedź. Po prostu to jest jedno z tych życzeń, które trzeba spełnić, nie ważne jak
Już mówię jak to osiągnąłem.
Zrobiłem po prostu dwa DIV'y, bez żadnego position absolute, i dodałem event window.onload, który przenosi innerHTML jednego DIV'a, do drugiego. I wszyscy są zadowoleni (tylko czasem mignie ten tekst do góry)