1

Bądź widoczny w Internecie

Strona internetowa to najtańsza i najskuteczniejsza forma reklamy. Bądź widoczny także w sieci i przedstaw swoją ofertę milionom odbiorców!

Zobacz Ofertę
2

Zadbaj o wizerunek firmy

Wizytówka w sieci jest istotnym elementem budowania wizerunku. Pozwól zachęcić klientów do skorzystania z Twoich usług.

Zobacz Projekty
3

Budowa stron od A do Z

Praca nad oferowanymi stronami zaczyna się od projektu graficznego, a kończy na integracji z przyjaznym i łatwym w obsłudze system zarządzania treścią.

Zobacz Ofertę

Stopka przyklejona do dołu strony

Jak w prosty sposób przykleić stopkę do dołu strony bez użycia jQuery czy JavaScript? Wystarczy dodać kilka atrybutów do elementów w stylu CSS. Pokazany sposób działa na wszystkich popularnych przeglądarkach.

html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 100px; /* wysokość stopki */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}
<!DOCTYPE html>
<head>
    <title></title>
</head>
<body>
    <nav></nav>
    <article></article>
    <footer></footer>
</body>
</html>
Źródło: http://mystrd.at/
Martin 30.05.14

Dziękuję. Zastosowałem i działa. Z boku pojawiło się jednak scrolowanie strony, mimo iż nie jest ono tam w ogóle potrzebne. Co zrobić aby to zlikwidować?

klocek 30.05.14

@Martin, możesz w body dodać overflow: hidden. Jednakże wydaje mi się, że stopka ma większą wysokość niż zdeklarowaną (np. przez dodany padding).

Martin 30.05.14

overflow: hidden rozwiązało problem. Kolejny raz dziękuję w takim razie :)

Tadzio 27.12.16

test

Tadzio 27.12.16

test

Tadzio 27.12.16

test