Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]DIV i AUTO WYSOKOSC
pilgrim
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 19.10.2009

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

Witam Ponownie

Mam problem z ustawieniem wysokosci diva.
Do rzeczy:
Mam za pomoca slidera przesuwana strone w pionie, 4 divy zawierajace rozny kontent, pierwszy div zawiera obrazek ustawiony jako tlo, pozostale zawieraja pare innych pierdol, interesuje mnie to czy mozna ustawic auto wysokosc pierwszego diva tak by dopasowywal sie do wysokosci okna przegladarki.


poznizszy link przedstawia obecna sytuacje:
http://dtp-sklad.pl/div/test.html

zalezy mi na tym aby pierwszy div ustawial sie zawsze tak by wypelnial cala wysokosc okna przegladarki.

Mam nadzieje ze jasno to wszystko w miare opisalem smile.gif

Z gory dzieki
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
sadistic_son
post
Post #2





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

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

Nie osiągniesz takiego efektu samym CSS. Jedyne co przychodzi mi do głowy to wychwycenie rezdzielczosci javascriptem, przekazanie zmiennych do php za pomoca np. cookies a nastepnie dopasowanie diva do rozdzielczosci. Ale to i tak sie nie sprawdzi w przypadku gdy user zmieni rozmiar okna, np gdy nie ma go zmaksymalizowanego.
Nie wiem, moze ktos ma lepszy pomysl.

Ten post edytował sadistic_son 6.11.2009, 21:12:58


--------------------
Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami...
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc!
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Go to the top of the page
+Quote Post
pilgrim
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 19.10.2009

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

Szukalem wlasnie rozwiazan zwiazanych z java ale srednio funkcjonalne - lub kiepsko szukalem - jakkolwiek dzieki smile.gif
Go to the top of the page
+Quote Post
Daiquiri
post
Post #4





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ
Jeżeli chcesz rozciągnąć pojedynczego DIVa na 100% wysokości to wystarczy:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title></title>
  4.  
  5. <style type="text/css" media="screen">
  6. body {
  7.   padding:0; margin:0; 
  8.   height:100%; 
  9. }
  10. #jakisdiv {
  11.    position:absolute;
  12.    left:0; top:0; padding:0;
  13.    width:500px;
  14.    height:100%; 
  15. }
  16. </style>
  17. </head>
  18.  
  19. <body>
  20. <div id="jakisdiv">
  21. zawartość
  22. </div>
  23. </body>
  24. </html> 
[HTML] pobierz, plaintext

Nie chce mi się szczerze powiedziawszy wgłębiać teraz w Twój kod, ale może Ci się to przyda. Nie wiem czy dobrze Cię rozumiem, ale kluczem do ustawienia wysokości na 100% jest ustawienie parametru height: 100% dla rodzica (np. body).
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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