Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Stopka do końca przeglądarki
Forum PHP.pl > Forum > Przedszkole
slawo
Witam, chciałbym aby szary kolor był wyświetlany do końca strony gdy jest mniej treści na podstronie.

http://www.zpodziemia.pl/bity/dodaj.php

  1. <div id="stopka">
  2. <div id="stopka_srodek">
  3. <img src="../../gfx/zp.png" border="0" id="zp">
  4.  
  5. <div id="copyright">
  6. <b>Sp. ziomków &copy; zpodziemia.pl &trade; 2010-<?php echo $aktualny_rok?></b><br>
  7. Sławomir Jarosz<br>
  8. tel. +48 725 971 600<br>
  9. e-mail: biuro(a)zpodziemia.pl
  10. </div>
  11. <a href="http://pixelsoft.webd.pl/" target="_blank" title="PIXELSOFT - strony internetowe, systemy informatyczne, hosting"><img src="../../gfx/pixelsoft.png" width="173" height="35" border="0" id="pixelsoft"></a>
  12. </div>
  13. </div>
  14. <?php error_reporting(0);?>



  1. #stopka{margin-top:30px;width:100%;background-color:#818181;height:150px;border-top-style:solid;border-top-width:5px; border-top-color:#b70e0e;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:black;position:relative;}
  2. #stopka_srodek{width:1100px;position:relative;margin:auto;}
  3. #zp{width:50px;height:35px;top:40px;position:absolute;}
  4. #copyright{font-family:Tahoma;color:white;font-size:12px;top:30px;left:70px;position:absolute;line-height:19px;}
  5. #pixelsoft{top:53px;right:0px;position:absolute;}


Tomplus
Dzisiaj mamy różne wysokości okna przeglądarki, ale coś zawsze da się zrobić:

Spójrz na ten kod:
http://codepen.io/anon/pen/YNxRJX
Trochę poprawiłem, ale w efekcie chyba jest to co oczekujesz.
Stopka jest przyklejona do dołu strony.


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.