z-index i centrowanie - Forum PHP.pl

z-index i centrowanie

_kama Zobacz profil	22.06.2006, 10:47:41 Post #1
Grupa: Zarejestrowani Postów: 76 Pomógł: 0 Dołączył: 20.03.2005 Skąd: Łódź Ostrzeżenie: (0%)	Witam, mam problem Potrzebuje zrobic strone (oczywiscie na divach), zeby zawsze pod spodem byl pasek (jak na img) a nad nim wycentrowany div na cala tresc strony. Prosze o pomoc. oto kawalek kodu [HTML] pobierz, plaintext body {background-color: #F6F6F6; padding: 0; margin: 0} #main {margin:auto; width: 774px; clear:both; z-index: 1; background-color:#009900; top: -300} #content {margin:auto; background-color: #FFFFFF; z-index: 1; position: relative; top: 50px} #header {background-color: #E7E7E7; height: 155px; width:auto; border: 2px solid #FFFFFF; margin: 100px 0 0 0; z-index: 0} [HTML] pobierz, plaintext [HTML] pobierz, plaintext <body> <div id="header"> ten pasek pod spodem na cala szerokosc </div> <div id="main"> <div id="content"> to ma byc wycentrowane i od 50px od samej gory strony </div> </div> </body> [HTML] pobierz, plaintext (IMG:http://users.twojepc.pl/~kilgor/div.jpg)

Odpowiedzi

Kill3R Zobacz profil	25.06.2006, 19:05:01 Post #2
Grupa: Zarejestrowani Postów: 109 Pomógł: 0 Dołączył: 10.06.2003 Skąd: Tarnobrzeg/Poznań Ostrzeżenie: (0%)	witam Jeśli ten pasek pod spodem to tylko tło to możesz zrobić tak: dla body ustawiasz tło (szare + biale nad szarym np o szerokosci 1px) z repeat x i ustawiamy centrowanie [HTML] pobierz, plaintext body { background: url('tlo.png') repeat-x; text-align: center; /* dla IE było o tym wiele razy */ margin: 0; padding: 0; } div#main { margin: 5px auto; text-align: center; width: 800px; } <div id="main"> Lorem ipsum dolor...... </div> [HTML] pobierz, plaintext natomiast jeśli w tym szarym pasku miałoby być coś innego to tworzysz sobie diva o szerokości 100% i ustawiasz position na relative i tworzysz w nim div'a main z position absolute