-
Data: 2010-07-26 13:17:49
Temat: Re: CSS - jak ustawić wysokość body na 100% ?
Od: sim_co <s...@g...pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]Marek pisze:
> W miedzyczasie metodą prób i błędów (coś w stylu "zapukaj 5x w rynnę a może
> to coś pomoże") znalazłem rozwiązanie.
>
> html {position: relative; height:100%; ...}
> body {position: relative; min-height: 100%; ... }
>
> Przy <html> musi być height a nie min-height. Co sądzisz o tym? Czy w
> przypadku stron krótszych i dłuższych niż wielkość okna to powinno działać?
Uwierz na słowo, że bawienie się ze 100% wysokości minimalną jest dość
irytujące. Ja parę lat temu to zarzuciłem i po prostu ustawiam
min-height dla kontenera z 'treścią' strony.
Na to co chcesz uzyskać jest następujący sposób:
html,body,#glowny_kontener {
position:relative;
height:auto !important;
min-height: 100%;
height:100%;
}
Możesz to rozbić na 2 arkusze styli - w głównym dajesz min-height, a dla
ie6, ie7 dajesz height - ie8 z tego co wiem poprawnie interpretuje
min-height.
Irytacja zaczyna się w momencie kiedy stopkę masz zpozycjonowaną
absolutnie na dole głównego kontenera. Wiem, że pod IE6 i IE7 były
czasem takie jaja, że stopka, mimo że miała
{position:absolute;bottom:0;}, to 'zatrzymywała się' gdzieś po środku.
Nie znalazłem rozwiązania tego. Można pewnie js-em po załadowaniu strony
jeszcze raz dać mu bottom:0 ...
W każdym razie już dawno nie spotkałem się z taką konstrukcją, a w sumie
zawodowo się tym zajmuje.
Następne wpisy z tego wątku
- 26.07.10 16:16 Marek
- 26.07.10 19:45 porneL
- 26.07.10 20:14 Marek
- 26.07.10 22:07 porneL
- 27.07.10 09:15 Marek
- 27.07.10 09:19 sim_co
- 27.07.10 09:44 Paweł Piskorz
- 27.07.10 18:07 Marek
- 27.07.10 18:13 Marek
- 28.07.10 07:30 Marek
- 28.07.10 07:33 sim_co
- 28.07.10 07:38 sim_co
- 28.07.10 11:34 Marek
- 28.07.10 13:56 sim_co
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-08 Belka
- 2024-11-09 pierdolec na punkcie psa
- 2024-11-09 Warszawa => Sales Executive <=
- 2024-11-09 Wrocław => SAP BTP Consultant (mid/senior) <=
- 2024-11-09 Warszawa => ECM Specialist / Consultant <=
- 2024-11-09 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2024-11-10 TVN donosi: Obywatelskie zatrzymanie policjanta (nie na służbie)
- 2024-11-08 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Szczecin => Key Account Manager (ERP) <=
- 2024-11-08 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-08 Wrocław => Senior PHP Symfony Developer <=
- 2024-11-08 Warszawa => QA Engineer <=
- 2024-11-08 Warszawa => QA Inżynier <=
- 2024-11-08 Warszawa => Key Account Manager <=