Skocz do zawartości

CSS: tabela na dole strony

jerzy71

Przez jerzy71
w HTML i CSS

Rekomendowane odpowiedzi

Gość w3master

Gość w3master

Opublikowano
Opublikowano

ale wiesz, ze tabele nie sluza do budowania layoutu?

kod html:

<div id="container">
<p>lorem ipsum dolor sit amet.</p>
</div>

i css:

div#container {positione:relative;}
div#container p {position:absolute;bottom:0;}

i to by prawie wystarczylo, gdyby nie rozciaganie sie poniowe body, w pewnych sytuacjach. przez co, tak pozycjonowany element bedzie na dole body, co nie zawsze oznacza dolna krawedz okna przegladarki.

kod html:

<body id="container">
<p>lorem ipsum dolor sit amet.</p>
</body>

oraz css:

html,body {height:100%;}
body#container {min-height:100%;position:relative;}
body#container p {position:absolute;bottom:0;}

podobna konstukcje wykozystalem przy cieciu: https://upthesky.com/efekty/portfolio.1/

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