Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML][CSS]Faux Columns z div
Forum PHP.pl > Forum > Przedszkole
Ziom73
Zrobiłem tak :
  1. <?php
  2. #newst-bg {border:0px solid yellow; position:relative; width:1070px; }
  3. #newst {border:0px solid black; position:absolute; bottom:0%; right:0%;}
  4. #wraper{background: url('images/bg-s.png') repeat-y;}
  5. #news-bg {border:0px solid yellow; position:relative; width:1070px;}
  6. #news {border:0px solid black; position:absolute; bottom:25%; right:17%;}
  7. #stopka-bg {border:0px solid yellow; position:relative; width:0px;}
  8. #stopka {border:0px solid black; position:absolute; bottom:-50px; right:-473px;}
  9. ?>


  1. <?php
  2. <div id="newst-bg">
  3. <div id="newst">
  4.      <div id="wraper">
  5. <div id="news-bg">
  6. <div id="news">
  7. <font color="maroon"><h1><p style="font-family: fantasy">Test!</p></h1><hr></font>
  8. test test test test tst test test<br />
  9. - Downloads.<br />
  10. - Shoutbox.<br />
  11. - Rejestracja.<br />
  12. - Przypomnij has&#322;o.<br />
  13. - Lista u&#380;ytkowników.<br />
  14. - Dodawanie/Wy?wietlanie clanów.<br />
  15. - Regulamin.<br />
  16. - Wiadomosci.<br />
  17. - Kontakt.<br />
  18. - Raport b&#322;ędów.<br />
  19. - News Page.<br />
  20. - Edycja profilu.<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  21.   </div>
  22. </div>
  23. <div id="stopka-bg">
  24. <div id="stopka">
  25.    <img src="images/stopka.png" />
  26.   </div>
  27. </div>
  28. </div>
  29. <br style="clear: both" />
  30.   </div>
  31. </div>
  32. <br /><br /><br /><br />
  33. ?>


Niestety nie działa, gdyż tło stoi w miejscu a tekst jest poza divem ;/ Tak to wygląda: http://site.thawsite.cba.pl/test.php

tutek z http://ludwik.org/faux-columns-pl/
Maxik
Zobacz tu: http://maxik.netmark.pl/pyton/div/styles.css http://maxik.netmark.pl/pyton/div/ możesz pokopiować co chcesz.
Ziom73
Kombinowałem z usunięciem <br style="clear: both" /> i
  1. <?php
  2. #wraper{background: url('images/bg-s.png') clear: both; repeat-y;}
  3. ?>


Jednak nadal jest tak samo ;/
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.