 div na całej długości okna |
| div na całej długości okna |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%) 
 |
Cześć wszystkim,
mam taki problem, chciałbym, żeby div był zawsze "dociągnięty" do dolnej krawędzi ekranu niezależnie od wysokości strony tak jak na załączonym obrazku: (IMG:http://www.dmalek.pl/all/makieta.jpg) Próbowałem już coś kombinować z height:100% i funkcją height() jquery, ale powoli kończą mi się pomysły. Jeśli wiecie jak to zrobić, najlepiej w samym cssie to będę wdzięczny za pomoc. struktura dokumentu wygląda tak: <body> <container> <blok1></blok1> <content> <blok2></blok2> <reszta></reszta> </content> </container> </body> Pozdrawiam (IMG:style_emoticons/default/smile.gif) |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 168 Pomógł: 126 Dołączył: 5.02.2010 Skąd: Świdnica Ostrzeżenie: (0%)
|
Może takie coś: http://webroad.pl/html5-css3/385-element-d...wysokosc-strony ?
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%)
|
Po zastosowaniu tego rozwiązania content wydłuża mi się do długości okna przeglądarki, zostawiając pod stopką puste miejsce.
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 1 168 Pomógł: 126 Dołączył: 5.02.2010 Skąd: Świdnica Ostrzeżenie: (0%)
|
W Jquery ogarnąłbym to w ten sposób, że wysokość footer ustawiasz na:
Wysokość okna minu wysokość innych elementów, w Twoich przypadku na załączonym obrazku powiedzmy niech będzie 500px - 100px |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%)
|
Dlaczego
alert($('body').height()); alert($(window).height()); zwraca mi taką samą wartość? |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 1 168 Pomógł: 126 Dołączył: 5.02.2010 Skąd: Świdnica Ostrzeżenie: (0%)
|
Może body masz rozciągnięte na 100%?
|
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%)
|
a jak zwrócić łączną wysokość elementów strony? (blok1 + content)
alert($('#content').height()); // zwraca wysokość 0, jeśli nie ma ustawionej w cssie właściwości height: alert($('body').height()); // zwraca zsumowaną wysokość elementówk które mają ustawioną właściwość height: alert($('html').height()); // zwraca różne wyniki w różnych przeglądarkach ;o (w firefoxie jest to szukany wynik) |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
Musisz mieć coś źle. Pokaż kod, najlepiej online http://forum.php.pl/index.php?showtopic=15...mp;#entry896036
edycja: http://jsfiddle.net/cEv54/ |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%)
|
Mój przykład: http://jsfiddle.net/SSy4Y/3/
|
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
|
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%)
|
Dzięki jeszcze taka sytuacja wynikła, że chrome liczy tą długość contentu zanim załadują się w nim obrazki <img>, mimo że dałem $(document).ready. Na firefoxie i IE działa dobrze.
$('document').ready(function(){ var content = $('#content').height(); alert($('#content').height()); alert($(window).height()); $('#menu').height(content); }); (IMG:http://dmalek.pl/all/makieta2.jpg) |
|
|
|
|
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 1 168 Pomógł: 126 Dołączył: 5.02.2010 Skąd: Świdnica Ostrzeżenie: (0%)
|
Kod $(window).load(function() { niżej Twój kod -> policzy dopiero po załadowaniu wszystkiego. |
|
|
|
|
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 18.08.2011 Ostrzeżenie: (0%)
|
Wszystko działa jak należy, dzięki za pomoc (IMG:style_emoticons/default/smile.gif)
Ten post edytował daniel333 25.04.2013, 22:44:18 |
|
|
|
 |
|
Aktualny czas: 24.08.2025 - 15:04 |
