Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
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

Posty w temacie
- mirkus   [CSS][HTML][PHP]Problem z ogrniczeniem wysokości diva   23.10.2010, 23:26:35
- - Ulysess   po 1: umyślnie jest obniżenie żołtego panelu o 20 ...   24.10.2010, 00:07:29
- - bmL   No i od razu fix dla IE: Kodmin-height: 100px;...   24.10.2010, 00:22:45
- - mirkus   ok dzięki wielkie za pomoc udało się   1.11.2010, 17:37:16

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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