Forum PHP.pl > [CSS][HTML]DIV na dole strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]DIV na dole strony

Ulysess

12.04.2010, 16:15:17

witam , mam strone na której chciałbym umieścić reklame która znajdowała by się na dole strony , stworzyłem DIV z parametrami:

[HTML] pobierz, plaintext 
	padding-top: 10px; 
	clear: both;
	text-align: center;
[HTML] pobierz, plaintext

niestety div znajduje się pod ost treścią strony a nie na samym dole..

dziamber

12.04.2010, 16:18:16

Dodaj jemu width, wartość taką jaka ma cała strona

luck

12.04.2010, 16:37:58

Może o coś takiego Ci chodzi?

Kod

#bottom-div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  padding-top: 10px;
}

krzysztof_kf

12.04.2010, 16:42:36

A może tak ?

[CSS] pobierz, plaintext 
#box {
    padding-top: 10px;
    position: fixed;
    bottom: 0;
 
[CSS] pobierz, plaintext

Ulysess

12.04.2010, 16:44:24

żadne rozwiązanie nie działa.. PS co ma szerokość strony do tego aby div był na samym dole

krzysztof_kf

12.04.2010, 16:45:36

ee patrzyłeś mój post ? wyżej

luck

12.04.2010, 16:47:32

Napisz czemu żadne nie działa. Co się dzieje? Jakiś screen, czy coś...

Ulysess

12.04.2010, 18:34:23

"ee patrzyłeś mój post ? wyżej " - owszem działa ale nie o to mi chodziło.. cały czas jest na dole nawet po przesuwaniu scrolem tak jakby okienko w Javie czy coś O.o..

luck Twoje rozwiązanie nie powoduje że reklama znajduje się na samym dole..

luck

12.04.2010, 20:00:50

SOA#1: U mnie działa

Dlatego prosiłem o jakiś screen, kod, cokolwiek... Inaczej choćbyśmy się wszyscy nie wiem jak starali, to raczej nikt nie wywróży, co robisz nie tak. Odpal sobie taki plik i zobacz, czy zadziała:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<style type="text/css">
#bottom-div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  padding-top: 10px;
  border:solid 1px black;
}
</style>
</head>
<body>
    <div id="bottom-div">reklama</div>
    <h1>Test</h1>   
</body>
</html>
[HTML] pobierz, plaintext

230005

12.04.2010, 20:21:43

Może chodzi ci o coś w tym guście (div zawsze na samym dole strony, nawet jeśli treść sięga tylko do połowy, to strony zostanie dociągnięta do wysokości okna):

http://fortysevenmedia.com/blog/archives/m...y_put_with_css/

pedro84

12.04.2010, 21:29:45

Zagoogluj sobie "CSS sticky footer".

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.