+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z wysokością obiektów na stronie (/thread-problem-z-wysoko%C5%9Bcia-obiektow-na-stronie)
Problem z wysokością obiektów na stronie - drsl - 15-06-2012
Cześć,
mam problem, który ilustruje obrazek.
Jeśli treść w sekcji content jest mniejsza niż okno przeglądarki, chciałbym, żeby sekcja rozciągnęła się na całe okno. Jeśli natomiast jest większa to aside z menu ma być tej samej wysokości. Footer chciałbym mieć zawsze na końcu dokumentu (nie ma być przyklejony do dolnej krawędzie przeglądarki), ale jeśli treści jest mniejsza niż całość wolnego miejsca, footer powinien być przyklejony do krawędzi.
Niestety nie mogę uzyskać takiego zachowania. Sekcja srodkowa rozciąga mi się poprawnie dla:
html, body
{
height: 100%;
background: #3366FF;
margin:0px;
padding:0px;
}
ale jak mam za dużo tekstu to layout mi się rozlatuje. Natomiast jak dam
html, body
{
min-height: 100%;
background: #3366FF;
margin:0px;
padding:0px;
}
to layout mi się nie rozlatuje przy zbyt dużej ilości tekstu, ale jak jest tekstu za mało na całą stronę to footer znajduje się w połowie strony.
Tak samo ta sekcja środkowa nijak nie chce zajmować przyjajmniej całej wielkości ekranu.
Proszę o pomoc.
RE: Problem z wysokością obiektów na stronie - drsl - 24-06-2012
Nikt nie jest w stanie pomóc?
RE: Problem z wysokością obiektów na stronie - Pedro84 - 24-06-2012
Google.pl - css sticky footer
RE: Problem z wysokością obiektów na stronie - drsl - 24-06-2012
(24-06-2012, 00:40)Pedro84 napisał(a): Google.pl - css sticky footer
No właśnie nie. Sticky footer zostaje zawsze na dole okna przeglądarki. A ja chcę, aby strona miała przynajmniej 100% wysokości okna przeglądarki.
RE: Problem z wysokością obiektów na stronie - Kartofelek - 25-06-2012
No właśnie tak. CSS 100% height layout lub CSS sticky footer. To ta sama technika.