Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP][HTML][CSS]Faux Columns z div
Ziom73
post
Post #1





Grupa: Zarejestrowani
Postów: 140
Pomógł: 1
Dołączył: 8.04.2009
Skąd: Polanica Zdrój | Poznań | Wrocław

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


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/

Ten post edytował Ziom73 22.07.2009, 21:27:22
Go to the top of the page
+Quote Post
Maxik
post
Post #2





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

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


Zobacz tu: http://maxik.netmark.pl/pyton/div/styles.css http://maxik.netmark.pl/pyton/div/ możesz pokopiować co chcesz.
Go to the top of the page
+Quote Post
Ziom73
post
Post #3





Grupa: Zarejestrowani
Postów: 140
Pomógł: 1
Dołączył: 8.04.2009
Skąd: Polanica Zdrój | Poznań | Wrocław

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


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 ;/
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: 23.08.2025 - 07:56