Forum PHP.pl > [CSS][HTML][PHP]Problem z ogrniczeniem wysokości diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML][PHP]Problem z ogrniczeniem wysokości diva

mirkus

23.10.2010, 23:26:35

Mam problem z ograniczeniem wysokości diva:

Kolor czerwony - oznacza wysokość strony div główny;
Kolor niebieski - oznacza jakiś nagłówek, baner
Kolor żółty - oznacza treść/ menu itp. I chce by był on uzależniony od diva głównego tzn. minimalna wysokość powinna być równa divowi głównemu (kolor czerwony), w przypadku gdy jest on większy powinien pojawić się scroll do przesuwania strony.

Oto moj kod:

[PHP] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript">
function rozmiar(){
tabela = document.getElementById('tabela_center');
wys = screen.height;
 
if(wys < 550){
tabela.style.height = 200;
}else{
if(wys >= 550 && wys < 650){
tabela.style.height = 320;
}else{
   tabela.style.height = 500;
}
}
}
</script>
</head>
<body style="margin:0; padding:0;" onload="rozmiar()" onresize="rozmiar()">
<div id="tabela_center" style="width:500; height:400;background-color: red;">
<div id="szer" style="width:500; height:100; background-color:#0F0;"></div>
 
<div id="menu" style="width:50; height:100%; background-color:#FF0; margin-top:20px; overflow:auto;">asfas</div>
 
</div>
</body>
</html>
[PHP] pobierz, plaintext

Z góry dzieki za pomoc

Nikt nie wie jak można to rozwiązać

Ulysess

24.10.2010, 00:07:29

po 1:
umyślnie jest obniżenie żołtego panelu o 20 px

po 2 do tego o co Tobie chodzi słuzy min-height: xxpx;

bmL

24.10.2010, 00:22:45

No i od razu fix dla IE:

Kod

min-height: 100px;
height: auto !important; /* dla przeglądarek */
height: 100px; /* dla IE gdyz IE nie obsluguje min-height ale za to height traktuje jako min-height */

A także takie coś

Kod

tabela.style.height = 500;

jest ryzykowne bo nie wiadomo czy to są % czy piksele bezpieczniej:

Kod

tabela.style.height = '500px';

Tylko wtedy już trzeba się troszkę więcej nakombinować przy instrukcjach warunkowych bo nie możemy porównywać stringów jako liczb

mirkus

1.11.2010, 17:37:16

ok dzięki wielkie za pomoc

udało się

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.