Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML][PHP]Problem z ogrniczeniem wysokości diva
mirkus
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 3.12.2009

Ostrzeżenie: (0%)
-----

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.

(IMG:http://mirkus.ionic.pl/images/problem.jpg)

Oto moj kod:

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  4. <script type="text/javascript">
  5. function rozmiar(){
  6. tabela = document.getElementById('tabela_center');
  7. wys = screen.height;
  8.  
  9. if(wys < 550){
  10. tabela.style.height = 200;
  11. }else{
  12. if(wys >= 550 && wys < 650){
  13. tabela.style.height = 320;
  14. }else{
  15.    tabela.style.height = 500;
  16. }
  17. }
  18. }
  19. </script>
  20. </head>
  21. <body style="margin:0; padding:0;" onload="rozmiar()" onresize="rozmiar()">
  22. <div id="tabela_center" style="width:500; height:400;background-color: red;">
  23. <div id="szer" style="width:500; height:100; background-color:#0F0;"></div>
  24.  
  25. <div id="menu" style="width:50; height:100%; background-color:#FF0; margin-top:20px; overflow:auto;">asfas</div>
  26.  
  27. </div>
  28. </body>
  29. </html>
[PHP] pobierz, plaintext


Z góry dzieki za pomoc

Nikt nie wie jak można to rozwiązać (IMG:style_emoticons/default/sad.gif)

Ten post edytował mirkus 21.10.2010, 22:07:16
Go to the top of the page
+Quote Post
Ulysess
post
Post #2





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

Ostrzeżenie: (0%)
-----

po 1:
umyślnie jest obniżenie żołtego panelu o 20 px (IMG:style_emoticons/default/questionmark.gif)
po 2 do tego o co Tobie chodzi słuzy min-height: xxpx; (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
bmL
post
Post #3





Grupa: Zarejestrowani
Postów: 301
Pomógł: 25
Dołączył: 15.07.2007
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----

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 (IMG:style_emoticons/default/tongue.gif)

Ten post edytował bmL 24.10.2010, 00:23:17
Go to the top of the page
+Quote Post
mirkus
post
Post #4





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 3.12.2009

Ostrzeżenie: (0%)
-----

ok dzięki wielkie za pomoc (IMG:style_emoticons/default/smile.gif) udało się
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.09.2025 - 20:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn