Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wyrónywanie diva do dolnej krawędzi
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
peterparker
Jak Wyrównać element "dolnypasek" do dołu strony? Tak aby wszystko było wyśrodkowane, nad content było 15 % wolnej przestrzeni. A dolny pasek nie zależnie od wielkości monitora był na samej dole i nigdy nie nachodził na content.

struktura strony:

___________________________


<div id="content">

-------------------------------
<div id="dolnypasek">
-------------------------------
Damonsson
Cytat(peterparker @ 25.09.2011, 14:02:40 ) *
Tak aby wszystko było wyśrodkowane,

Atrybut w css o nazwie: Margin (podpowiedź: margin: 0 auto)
Cytat(peterparker @ 25.09.2011, 14:02:40 ) *
nad content było 15 % wolnej przestrzeni.

Atrybut w css o nazwie: Margin-top
Cytat(peterparker @ 25.09.2011, 14:02:40 ) *
A dolny pasek nie zależnie od wielkości monitora był na samej dole i nigdy nie nachodził na content.

Atrybut w css o nazwie: Position (absolute/fixed -zależnie co chcesz osiągnąć)

Miłej nauki smile.gif
peterparker
Jak daje absolute bottom:0px; to owszem jest na samym dole ale nie jest wyśrodkowane i nachodzi na content.Co zrobić aby ten element na dole nie nachodził na content o stałej szerokości i a by był wyśrodkowany i zawsze na dole.

Tylko że jeżeli strona jet dłuższa niż ekran to pasek nie jest na samym dole tylko w 0px krawędzi ekranu i nachodzi na treść jak zrobić by był zawsze za treścią i 0px od dolnej krawędzi ekranu?
Damonsson
Pokaż to online, nie chce mi się sprawdzać.
Jak dasz position absolute, to nie wyśrodkujesz margin 0.
peterparker
tu jest strona z problememJak dasz duże powiększenie to napis ddd nachodzi na niebieski box. Chcę zrobić tak by napis ddd nie był zawsze w tym samym miejscu na ekranie ale zawsze pod treścią. i 0 px od dolnej krawędzi strony jak to zrobic?
Damonsson
Sorry, że tak późno odpisuję.

Trzeba było od razu pokazać online, a nie wymyślać jakieś opisy, które mówią wszystko i nic. Poczytaj o sticky footer i osiągniesz to co chcesz.

Pozycjonując absolutnie w taki sposób Twój box2 jest jakby wyjęty z obiegu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.