Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][JavaScript]CSS height:auto + JS/Expressions
Forum PHP.pl > Forum > Przedszkole
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.
erix
Cytat
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 smile.gif
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) smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.