 [CSS] Pusty div na "całą" wysokosc strony... |
  |
| [CSS] Pusty div na "całą" wysokosc strony... |
 12.01.2009, 22:22:28
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 106 Pomógł: 0 Dołączył: 13.11.2008 Ostrzeżenie: (0%) 
 |
...właściwie to na pół.
Mam zawartosc strony, ale siega mi ona jedynie do polowy (wysokosci), a pozostała czesc czyli od polowy w dół chce zagospodarowac divem o okreslonym tle (powtarzajacy sie obrazek). Jednak zbytnio nie moge dotrzec do metody wykoniania tego, gdys puste divy niezbyt chetnie sie rozciagaja, a nie moge tez nic na sztywno zrobic, gdyz na jednej stronie bedzie to div na pol strony na innej na 1/4 lub na 1/10 a na innej nie bedzie wcale potrzeby. Szukam rozwiazania, które by to automatycznie załatwiało, czyli rozciagalo takie diva na wysokosc. Moze ktos poradzic? |
 |
 
|
|
12.01.2009, 22:30:12
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 890 Pomógł: 339 Dołączył: 14.12.2006 Skąd: Warszawa Ostrzeżenie: (0%)
|
Żeby wysokość/szerokość jakiegoś elementu ustawić w %, to element nadrzędny musi mieć ustaloną wysokość/szerokość. Czyli jak masz:
to musisz dać:
Elementem nadrzędnym dla <html> jest okno przeglądarki, więc możesz mu ustawić height na 100% i zadziała prawidłowo. To tak w skrócie 
|
|
|
|
|
12.01.2009, 22:51:47
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 106 Pomógł: 0 Dołączył: 13.11.2008 Ostrzeżenie: (0%)
|
To co zaproponowałes wprowadziło sajgon totalny na mojej stronie
 zrobilem tak, body, html na 100% height. div.stopka (ostatni) tez na 100% i teraz moja strona ma zawsze wysokosc 200%. W tym 100% jest tym ostatni divem, który mial byc tylko do konca strony, nie zmuszajac do przewijania w dol. |
|
|
|
|
12.01.2009, 22:54:25
Post
#4
|
|
 Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Cytat Szukam rozwiazania, które by to automatycznie załatwiało, czyli rozciagalo takie diva na wysokosc. Moze ktos poradzic? Z tego, co pamiętam, to jedno z zaleceń przy projektowaniu stron mówi, aby nie polegać na wysokości okna przeglądarki. Cytat Jednak zbytnio nie moge dotrzec do metody wykoniania tego, gdys puste divy niezbyt chetnie sie rozciagaja, a nie moge tez nic na sztywno zrobic, gdyz na jednej stronie bedzie to div na pol strony na innej na 1/4 lub na 1/10 a na innej nie bedzie wcale potrzeby. A nie prościej objąć całość strony w kontener i dla niego nadać tło obrazka, a powtarzający się przyporządkować dla body? --------------------  ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW! |
|
|
|
|
12.01.2009, 22:55:46
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 1 890 Pomógł: 339 Dołączył: 14.12.2006 Skąd: Warszawa Ostrzeżenie: (0%)
|
Czyli nie doczytałem?
W takiej sytuacji masz dwa wyjścia. JavaScript, albo tabelka (zrobiona z div'ów). 2 wiersze. Cała tabelka wysokość 100%, a dolny wiersz np. 50px. Wtedy górny się dopasuje wysokością. To też w skrócie
|
|
|
|
|
12.01.2009, 23:02:46
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 106 Pomógł: 0 Dołączył: 13.11.2008 Ostrzeżenie: (0%)
|
@erix: tzn. nie chce pakować tego w jeszcze jeden div kontenerowy jako, ze juz zastosowalem 2,5 kontenera (1 - naglowek, 2- tresc, "0,5" - stopka), z którego kazdy ma osobne obrazki jako tło. Co do polegania na wyskosci, to jakos to musze zrobic najlepiej procentowo, albo...
@sowiq: tabelki, a fuj, to nie semantyczne!  I własnie tutaj jest te albo, albo JS. Tylko, ze z JS to mniej wiecej kumam sie tyle, co na zwyczajach mrówek meksykanskich.
|
|
|
|
|
12.01.2009, 23:12:56
Post
#7
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Cytat @erix: tzn. nie chce pakować tego w jeszcze jeden div kontenerowy jako, ze juz zastosowalem 2,5 kontenera (1 - naglowek, 2- tresc, "0,5" - stopka), z którego kazdy ma osobne obrazki jako tło. Przykro mi, w takim razie będziesz musiał się użerać z różnymi implementacjami w przeglądarkach. Ostatecznie, widziałbym to w taki sposób, że dla pierwszej warstwy od góry, w kodzie, dajesz pseudoklasę :before i ustawiasz ją z position: absolute, a warstwę, do której "należy", position: relative i odpowiednio z-index manipulować. Nie obejdzie się bez expression dla IE.
-------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW! |
|
|
|
|
13.01.2009, 00:33:05
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 106 Pomógł: 0 Dołączył: 13.11.2008 Ostrzeżenie: (0%)
|
@erix: poszedłem Twoim tokiem rozumowania. Wsadziłem srodkowy div w jeszcze jeden wielki kontener. Dla body dalem na tlo ten obrazek, a dla tego kontenera kolor tla, ktory wczesniej miało body. Niby jeden div wiecej, no ale działa chociaz ;]
|
|
|
|
|
13.01.2009, 06:53:43
Post
#9
|
|
 Grupa: Zarejestrowani Postów: 415 Pomógł: 46 Dołączył: 26.05.2007 Skąd: Sandomierz Ostrzeżenie: (0%)
|
a position: fixed?
 Bo jak dobrze wczytałem, to powinno pomóc... -------------------- Grzegorz 'Decha' Polek »
º http://grzegorzpolek.com º http://www.facebook.com/grzegorz.polek º http://www.lastfm.pl/user/Dechaa  |
|
|
|
|
13.01.2009, 13:03:36
Post
#10
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Ale i tak musisz coś zrobić, aby dać inny z-index dla pozostałych warstw.
Summa summarum, dajesz i tak nowego <div/>. -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW! |
|
|
|
|
22.09.2010, 08:02:58
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 119 Pomógł: 0 Dołączył: 19.04.2009 Skąd: Sieradz Ostrzeżenie: (0%)
|
Musisz dac div{ display:block; }
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 8.07.2025 - 02:00 |
