Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [div] szablon strony na div, stopka na dole strony
Olimpia_ona
post
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 2
Dołączył: 10.03.2005
Skąd: Elbląg

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


Witam, jak wielu ostatnio postanowiłam nauczyć się przygotowywać strony na divach, wiele o tym czytałam i nawet parę szablonów mi wyszło, niestety w tym szablonie napotkałam problem i nie wiem jak z niego wybrnąć. Prawdopodobnie źle pojmuje te divy.

Zacznę od tego co chcę osiągnąć: poniżej efekt z użyciem tabel (użyłam dwóch tabel do skonstruowania szablonu)
(IMG:http://images41.fotosik.pl/511/3b1838706c67cbe0.jpg)

natomiast, gdy użyje samych div'ów nie mogę spowodować prawidłowego zachowania się stopki (<div id="MY_CP4">MY_CP4</div> oraz <div id="MY_CP7">MY_CP7</div>)

Efekt na rysunkach to - stopka podchodzi do góry, nie pozostaje na dole strony
(IMG:http://images41.fotosik.pl/511/efb32a50cfe3c949.jpg)

a gdy tekstu jest za dużo to div z dolnym tłem oraz z lewym i prawym bokiem strony nie obniża się:
(IMG:http://images39.fotosik.pl/512/1ad2909612ae7d81.jpg)

i wklejam kod strony oparty na div

  1. <div id="MY_tlodol">
  2. <div id="MY_cialo">
  3. <div id="MY_LEWYBOK">LB</div>
  4. <div id="MY_PRAWYBOK">PB</div>
  5. <div id="MY_LOGO">MY_LOGO</div>
  6. <div id="MY_CP6">MY_CP6</div>
  7. <div id="MY_SEARCH">MY_SEARCH</div>
  8. <div id="MY_CP8">MY_CP8</div>
  9. <div id="MY_CP3">MY_CP3</div>
  10. <div id="MY_MENU">
  11. MY_MENU<br />MY_MENU<br />MY_MENU<br />MY_MENU<br />MY_MENU<br />MY_MENU<br />
  12. MY_MENU<br />MENU1<br />MENU<br />MENU<br />MENU<br />MENU<br />MENU<br />MENU<br />MENU8<br />
  13. </div>
  14. <div id="MY_CP">MY_CP</div>
  15. <div id="MY_CP2">MY_CP2</div>
  16. <div id="MY_CP4">MY_CP4</div>
  17. <div id="MY_CP7">MY_CP7</div>
  18. </div>
  19. </div>


i css do tego:
  1. html, body
  2. {
  3. margin:0px;
  4. padding:0px;
  5. font-family: tahoma, verdana, arial;
  6. background-image: url(images/tlogora.jpg);
  7. background-repeat: repeat-x;
  8. color:#5C5C5C;
  9. font-size:11px;
  10. height:100%;
  11. }
  12.  
  13. #MY_tlodol
  14. {
  15. width:100%; height:100%;
  16. background-image: url(images/tlodol.gif);
  17. background-repeat: repeat-x;
  18. background-position:center bottom;
  19. }
  20.  
  21. #MY_cialo { width:1000px; height:100%; margin-left:auto; margin-right:auto;}
  22. #MY_LEWYBOK { background-color:Aqua; width: 20px; height: 100%; float: left; }
  23. #MY_PRAWYBOK { background-color:Purple; width: 20px; height:100%; float: right;}
  24. #MY_LOGO { background-color:Black; width: 565px; height: 125px; float: left;}
  25. #MY_CP6 { background-color:Blue; width: 395px; height: 55px; float: left;}
  26. #MY_SEARCH { background-color:Fuchsia; width: 395px; height: 70px; float: left;}
  27. #MY_CP8 { background-color:Gray; width: 960px; height: 45px; float: left; }
  28. #MY_CP3 { background-color:Green; width: 960px; height: 192px; float: left; margin-bottom:3px;}
  29. #MY_MENU { background-color:Lime; width: 245px; float: left; margin-right:8px; }
  30. #MY_CP { background-color:Maroon; width: 450px; float: left; margin-right:12px;}
  31. #MY_CP2 { background-color:Navy; width: 245px; float: left;}
  32. #MY_CP4 { background-color:Olive; width: 960px; height:55px; float: left; margin-top:10px;}
  33. #MY_CP7 { background-color:Orange; width: 960px; height:40px; float: left;}


Czy znajdzie się tu jakiś dobry człowiek, który mi wyjasni co robię źle?
Go to the top of the page
+Quote Post

Posty w temacie


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: 20.12.2025 - 10:56