Forum PHP.pl > Wysokość diva na 100%

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

xlinksysx

19.10.2009, 16:14:07

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

Jak temu zaradzić?

jmail

19.10.2009, 16:46:59

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?

230005

20.10.2009, 20:02:57

html, body {
height: 100%;
}

Nie ma bata żeby nie zadziałało.

xlinksysx

20.10.2009, 22:12:29

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

(szary pasek to obramowanie diva)

Pomysły?

t4keda

21.10.2009, 07:11:32

JavaScript ma takie coś jak:

[HTML] pobierz, plaintext 
window.screen.availHeight
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.

Pawel_W

21.10.2009, 08:01:31

jak chcesz, żeby ci się rozciągał na całą stronę to ustaw pozycjonowanie absolutne + min-height: 100%

DeXTeD

21.10.2009, 18:58:28

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
	margin: 0;
	padding:0;
}
html  {
	height: 100%;
	background: #000;
	overflow: auto;
}
body {
	min-height: 100%;
	width:100px;
	margin: 0 auto;
	background: #FFF;
	height: 100%; /* ie6 hack */
	height: auto !important;
}
 
</style>
</head>
<body>
...
</body>
</html>
 
[HTML] pobierz, plaintext

varez

22.10.2009, 06:55:23

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

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.