eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - jak ustawić wysokość body na 100% ?Re: CSS - jak ustawić wysokość body na 100% ?
  • 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.



Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: