Skocz do zawartości

[layout] stopka zawsze na dole strony

camelleon

Przez camelleon
w HTML i CSS

Rekomendowane odpowiedzi

nrm Newbie

nrm

Opublikowano
Opublikowano

stary, w necie jest z 2 miliony przykładów.. use google luke. w przyklejonym topic masz sporo linkow.

tak z palca to ci nikt nie napisze bo to zalezy od reszty twojej strony. ale ogolnie rzecz biorąc jak masz powyzej 2-3 divt jako kolumny to footer ustawiasz nizej jako clear: both

edit: jesli mas zna mysli non-stop widocznosc stopki niezaleznie od przewijanej strony to ustawiasz ja na ogol jako absolute. na "sztywno".

Dla prawdziwych mastahów kodu! Webdeveloperzy wszystkich języków - łączmy się! ;) "Robisz internety", jesteś PRO?

Odnośnik do komentarza
Udostępnij na innych stronach
camelleon Newbie

camelleon

Opublikowano
  • Autor
Opublikowano

no w sumie to az mi wstyd :|

google wszystko wiedzacy juz mi duzo podpowiedzial ;)

znalazlem fajny przyklad:

<html>
<head>
<!--
This page is copyrighted ? GoAsk.net https://www.goask.net 2003.
-->
<title>Sticky Footer Example</title>
<style>
body {margin: 0px;}
* {font-family: Arial;}
#container {width: 100%;
height: 100%;}

#bottom {background-color: #EFEFEF;
  vertical-align: bottom;}

#footer {border-top: 1px solid #0955AB;
 background-color: #CCCCCC;
 width: 100%;
 padding: 10px;
 text-align: center;
 vertical-align: middle;}

#content {padding: 5px;
  background-color: #EFEFEF;}
</style>
</head>
<body>
<table id="container" cellspacing="0" cellpadding="0">
 <tr>
<td id="content" valign="top">
All the content goes here,This example does not have scrolling, try to add some more s to see how it working with scrolling.


Some extra text so you can see how much space lines we had there.
this is the end of the content part, the next grey space is the "bottom" cell.
</td>
 </tr>
 <tr>
<td id="bottom">
<div id="footer">
? Copyright GoAsk.net 2003-2005, this is the sticky footer.
</div>
</td>
 </tr>
</table>
</body>
</html>

tylko nie wiem dlaczego ale jak wpisze u gory:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">

to przestaje dzialac :|

co powinno byc u gory??

[bilety lotnicze] [strony www poznań]

"No se ganó Zamora en una hora"

Masz wolne domeny? Zaparkuj je! i zarabiaj!

Odnośnik do komentarza
Udostępnij na innych stronach
zero3 Newbie

zero3

Opublikowano
Opublikowano
co powinno byc u gory??

teraz to już przesadziłeś.

https://www.alistapart.com/articles/doctype/

https://www.w3.org/QA/2002/04/valid-dtd-list.html

https://www.w3schools.com/tags/tag_doctype.asp

https://www.htmldog.com/guides/htmladvanced/declarations/

pozycjonowanie inhead na fb
Odnośnik do komentarza
Udostępnij na innych stronach
camelleon Newbie

camelleon

Opublikowano
  • Autor
Opublikowano
teraz to już przesadziłeś.

sorka, i dzieki za lekture

chyba do wieczora nad tym posiedze...

[EDIT]

hmm... przelecialem wszystkie doctype-y podane na https://www.w3schools.com/tags/tag_doctype.asp

i kazdy jeden sprawia ze stopka mi sie podnosi wiec juz nie wiem...

[EDIT]

dopiero dopisanie na poczatku <?xml version="1.0" encoding="iso-8859-2"?> pomoglo ;)

[bilety lotnicze] [strony www poznań]

"No se ganó Zamora en una hora"

Masz wolne domeny? Zaparkuj je! i zarabiaj!

Odnośnik do komentarza
Udostępnij na innych stronach
Gość w3master

Gość w3master

Opublikowano
Opublikowano

dopisanie <?xml version="1.0" encoding="iso-8859-2"?> przed definicja doctype, powoduje przelaczenie silnika renderujacego w ie6 w tryb quirks-mode.

*https://www.quirksmode.org/css/quirksmode.html

moze to cie zainteresuje: *https://www.alistapart.com/articles/footers oraz przyklad: *https://www.alistapart.com/d/footers/footer_css2.html

Odnośnik do komentarza
Udostępnij na innych stronach
Lukass19 Newbie

Lukass19

Opublikowano
Opublikowano

tak przejrzalem ten temat i mozliwe ze mam to samo... moze ktos rzucic okiem na wszelki wypadek zanim zaczne zmieniac jesli nie klopot?

strona to https://www.skinxpert.com stopka sie odkleja ale nie na wszystkich podstronach... na podstronie avene.htm np sie odkleja i na kilku innych

Nie ma sygnatury, tzn. jest że jej nie ma.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności