Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Obrazek na dole strony niezależnie od rozdzczości monitora
suchy1
post
Post #1





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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


Witam,

na dole strony internetowej chciałbym umieścić trawę ale w przypadku małej zawartości strony wędruje do góry (rozdzielczość 1680x1050). Jak zrobić aby zawsze była na dole strony. Obecnie mam:

  1. <div id="footerDown">&nbsp;</div>


  1. #footerDown{
  2. background:url('../grafika/trawa.jpg') ;
  3. background-repeat:repeat-x;
  4. width:100%;
  5. height:84px;
  6. }


Pozdrawiam
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Position: fixed i bottom (IMG:style_emoticons/default/smile.gif)
Kod
<html>
<body style="height: 2000px;">
<div style="position: fixed; bottom: 1px; width: 200px; height: 25px;">trawa</div>

</body>
</html>


Ten post edytował kamil4u 9.01.2010, 16:23:41
Go to the top of the page
+Quote Post
suchy1
post
Post #3





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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


Dodałem:

  1. #footerDown{
  2. background:url('../grafika/trawa.jpg') ;
  3. background-repeat:repeat-x;
  4. width:100%;
  5. height:84px;
  6. position: absolute; bottom: 1px; width: 200px; height: 25px;
  7. }
  8. }


Nie wyświetla mi się teraz trawa..

Ten post edytował suchy1 9.01.2010, 16:09:52
Go to the top of the page
+Quote Post
kamil4u
post
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Pomyliłem się - powinno być fixed. Zastanów się co robisz, a nie kopiujesz bezmyślnie. Spr. najpierw jak działa mój kod - porównaj odpowiednie wartości. Po co zmieniasz width i height?
Go to the top of the page
+Quote Post
suchy1
post
Post #5





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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


działa

  1. #footerDown{
  2. background:url('../grafika/trawa.jpg') ;
  3. background-repeat:repeat-x;
  4. position:fixed;
  5. width: 100%;
  6. height: 85px;
  7. bottom:-1px;
  8. }


A czy jest możliwość aby ten DIV był na dole ekranu, na dole suwaka ? a nie jak w obecnej chwili na dole ekranu z pominięciem suwaka ?
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




To znaczy? Żeby przewijana treść była nad tym czymś? Zostaje Ci opakowanie strony w dodatkową warstwę + overflow: auto.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 16:25