Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Wysokość diva na 100%
xlinksysx
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 18.05.2009

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

Mam problem, otóż chcę, aby moja strona wydłużała się tyle - ile to możliwe (to co zobaczymy na ekranie, niezależnie od rozdzielczości). Dlatego chcę wysokość diva, odpowiedzialnego za to ustawić na 100%, jednak to nie działa:

[HTML] pobierz, plaintext 
  1. <div class="column-1" style="width: 679px; height:100%;">
[HTML] pobierz, plaintext


Jak temu zaradzić?
Go to the top of the page
+Quote Post
jmail
post
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

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

a pokaż co masz tej klasie column-1

i może zapodałbyś całego html'a

i co to oznacza, że nie działa?
Go to the top of the page
+Quote Post
230005
post
Post #3





Grupa: Zarejestrowani
Postów: 316
Pomógł: 36
Dołączył: 2.04.2008

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

html, body {
height: 100%;
}

Nie ma bata żeby nie zadziałało.
Go to the top of the page
+Quote Post
xlinksysx
post
Post #4





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 18.05.2009

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

Dodałem jednego diva, przed całą stroną i zrobiłem mu obramowanie 1px solid, height na 100%, popatrzcie jak mi zaznaczył stronę:

(IMG:http://iv.pl/images/mp94g643m9tzgmarvhy6_thumb.png)
(szary pasek to obramowanie diva)

Pomysły? (IMG:style_emoticons/default/sciana.gif)

Ten post edytował xlinksysx 20.10.2009, 22:12:57
Go to the top of the page
+Quote Post
t4keda
post
Post #5





Grupa: Zarejestrowani
Postów: 57
Pomógł: 10
Dołączył: 14.10.2009

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

JavaScript ma takie coś jak:

[HTML] pobierz, plaintext 
  1. window.screen.availHeight
  2. window.screen.height
[HTML] pobierz, plaintext


Ale prawdopodobnie to rozwiązanie też może cię nie satysfakcjonować, dlatego że dla mojego monitora (rozdzielczość 1280x800) pierwszy parametr zwraca mi 800, a drugi 760.
Innym rozwiązaniem o którym myślałem to może do "height: 100%", dodać jeszcze jakieś "margin: 0;", żeby wymusić do ciągnięcie do krawędzi.
Go to the top of the page
+Quote Post
Pawel_W
post
Post #6





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

jak chcesz, żeby ci się rozciągał na całą stronę to ustaw pozycjonowanie absolutne + min-height: 100%
Go to the top of the page
+Quote Post
DeXTeD
post
Post #7





Grupa: Zarejestrowani
Postów: 28
Pomógł: 3
Dołączył: 22.01.2009
Skąd: Blachownia

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. * {
  8. 	margin: 0;
  9. 	padding:0;
  10. }
  11. html  {
  12. 	height: 100%;
  13. 	background: #000;
  14. 	overflow: auto;
  15. }
  16. body {
  17. 	min-height: 100%;
  18. 	width:100px;
  19. 	margin: 0 auto;
  20. 	background: #FFF;
  21. 	height: 100%; /* ie6 hack */
  22. 	height: auto !important;
  23. }
  24.  
  25. </style>
  26. </head>
  27. <body>
  28. ...
  29. </body>
  30. </html>
  31.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
varez
post
Post #8





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 17.06.2007

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

lightbox i pare innych skryptow (wiem ze nie musisz ich uzywac, tylko mowie na przyszlosc) nie lubi wysokosci 100% ani zadnej takiej "wymuszanej" - zostaja jakies paski na dole przy tych skryptach
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 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 - 08:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn