Height 100% i "collapsed" body Opcje

[Mike0]

Witam, próbuję stworzyć banalny (mogłoby się wydawać) layout, ale jednak jak się okazuje nie mogę sobie z nim poradzić.

Ogólnie chodzi mi o to, że potrzebuję nadać tło dla znacznika HTML i BODY, a jednocześnie przy tym dla wielu DIVów (jeden pod drugim) ustawić wartość height:100%;
Ogólnie wiem jak to zrobić, czyli:

[HTML] pobierz, plaintext 
html, body{ height:100%; }
div.myClass{ min-height:100% }
[HTML] pobierz, plaintext 

Z tym, że nadanie dla body wysokości 100% powoduje oczywisty błąd - przy scrollowaniu dokładnie widać gdzie kończy się znacznik body (po owych 100% wysokości ekranu; o dziwo dla HTML nie jest to problemem).

Oczywiście min-height zamiast height dla body mnie nie ratuje, bo wtedy wewnętrzne divy nie są wysokie na wysokość okna przeglądarki....

Tak więc, albo znajdę inny sposób na zmianę wysokości divów (a nie chcę używać do tego JS), albo zaczepię nową warstwę jako fixed i ona będzie 2 tłem zamiast body, ale to namiesza mi w htmlu, więc wolałbym sprytny i ładny pomysł....


Baaardzo proszę o pomoc! (IMG:style_emoticons/default/nerdsmiley.png)

[Hyth]

Dokładnie tak jak poprzednik napisał. Jest to zasadzie Twoja pierwsza konfiguracja i u mnie również działa bezproblemowo. Kolejne divy mają 100% wysokości ekranu i znajdują się pod sobą. Chyba po prostu nie rozumiemy o co Ci dokładnie chodzi.

Mi wyszło tak:

http://jsfiddle.net/Hyth/54rvR/

Edit:

Ok chyba, że chcesz jeszcze zresetować ramki z body to dodajesz do body:

body {
padding: 0;
margin: 0;
}

Ten post edytował Hyth 21.05.2013, 14:18:09