Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]DIV na dole strony
Ulysess
post 12.04.2010, 16:15:17
Post #1





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

Ostrzeżenie: (0%)
-----

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 
  1. 	padding-top: 10px; 
  2. 	clear: both;
  3. 	text-align: center;
[HTML] pobierz, plaintext


niestety div znajduje się pod ost treścią strony a nie na samym dole..
Go to the top of the page
+Quote Post
dziamber
post 12.04.2010, 16:18:16
Post #2





Grupa: Zarejestrowani
Postów: 57
Pomógł: 18
Dołączył: 15.04.2009
Skąd: Kwidzyn

Ostrzeżenie: (0%)
-----

Dodaj jemu width, wartość taką jaka ma cała strona
Go to the top of the page
+Quote Post
luck
post 12.04.2010, 16:37:58
Post #3





Grupa: Zarejestrowani
Postów: 317
Pomógł: 58
Dołączył: 6.11.2005

Ostrzeżenie: (0%)
-----

Może o coś takiego Ci chodzi?
Kod
#bottom-div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  padding-top: 10px;
}


--------------------
extraweb.pl
Go to the top of the page
+Quote Post
krzysztof_kf
post 12.04.2010, 16:42:36
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

A może tak ?

[CSS] pobierz, plaintext 
  1. #box {
  2.     padding-top: 10px;
  3.     position: fixed;
  4.     bottom: 0;
  5.  
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
Ulysess
post 12.04.2010, 16:44:24
Post #5





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

Ostrzeżenie: (0%)
-----

żadne rozwiązanie nie działa.. PS co ma szerokość strony do tego aby div był na samym dole questionmark.gif..
Go to the top of the page
+Quote Post
krzysztof_kf
post 12.04.2010, 16:45:36
Post #6





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

ee patrzyłeś mój post ? wyżej
Go to the top of the page
+Quote Post
luck
post 12.04.2010, 16:47:32
Post #7





Grupa: Zarejestrowani
Postów: 317
Pomógł: 58
Dołączył: 6.11.2005

Ostrzeżenie: (0%)
-----

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


--------------------
extraweb.pl
Go to the top of the page
+Quote Post
Ulysess
post 12.04.2010, 18:34:23
Post #8





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

Ostrzeżenie: (0%)
-----

"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..
Go to the top of the page
+Quote Post
luck
post 12.04.2010, 20:00:50
Post #9





Grupa: Zarejestrowani
Postów: 317
Pomógł: 58
Dołączył: 6.11.2005

Ostrzeżenie: (0%)
-----

SOA#1: U mnie działa smile.gif 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 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3. <head>
  4. <style type="text/css">
  5. #bottom-div {
  6.   position: absolute;
  7.   bottom: 0;
  8.   left: 0;
  9.   width: 100%;
  10.   height: 20px;
  11.   padding-top: 10px;
  12.   border:solid 1px black;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17.     <div id="bottom-div">reklama</div>
  18.     <h1>Test</h1>   
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


--------------------
extraweb.pl
Go to the top of the page
+Quote Post
230005
post 12.04.2010, 20:21:43
Post #10





Grupa: Zarejestrowani
Postów: 316
Pomógł: 36
Dołączył: 2.04.2008

Ostrzeżenie: (0%)
-----

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/
Go to the top of the page
+Quote Post
pedro84
post 12.04.2010, 21:29:45
Post #11





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

Ostrzeżenie: (0%)
-----

Zagoogluj sobie "CSS sticky footer".


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 13.08.2025 - 22:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn