Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> z-index i centrowanie
_kama
post 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 
  1. body {background-color: #F6F6F6; padding: 0; margin: 0}
  2. #main {margin:auto; width: 774px; clear:both; z-index: 1; background-color:#009900; top: -300}
  3. #content {margin:auto; background-color: #FFFFFF; z-index: 1; position: relative; top: 50px}
  4. #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 
  1. <body>
  2. <div id="header">
  3. ten pasek pod spodem na cala szerokosc
  4. </div>
  5.  
  6. <div id="main">	
  7. 	<div id="content">
  8. 	to ma byc wycentrowane i od 50px od samej gory strony
  9. 	</div>
  10. </div>
  11.  
  12. </body>
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
gekon
post 25.06.2006, 14:55:45
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

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


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
Kill3R
post 25.06.2006, 19:05:01
Post #3





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 
  1. body {
  2.     background: url('tlo.png') repeat-x;
  3.     text-align: center; /* dla IE było o tym wiele razy */
  4.    margin: 0;
  5.    padding: 0;
  6. }
  7. div#main {
  8.      margin: 5px auto;
  9.      text-align: center;
  10.      width: 800px;
  11. }
  12. <div id="main">
  13. Lorem ipsum dolor......
  14. </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


--------------------
"Umysł ludzki robi tak wielkie postępy, że człowiek za nim nie nadąża"
katalog www
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 04:51
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn