Forum PHP.pl > z-index i centrowanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

_kama

22.06.2006, 10:47:41

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

gekon

25.06.2006, 14:55:45

A co ma być dokładnie na tym pasku?

Kill3R

25.06.2006, 19:05:01

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

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.