Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: position problem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
yozer2308
18.01.2012, 17:56:25
Mam taki kod html:
[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3. <div id="kontener">
  4. <div id="body">
  5.  
  6. test
  7. test
  8.  
  9. test
  10.  
  11.  
  12.  
  13. <br /><br /><br /><br /><br /><br /><br /><br />test
  14.  
  15. </div>
  16.  
  17.  
  18.  
  19. </div>
  20. </body>
[HTML] pobierz, plaintext


i taki css

[HTML] pobierz, plaintext 
  1. #kontener {
  2.     position: relative;
  3. }
  4. #body {
  5.     position:  absolute;
  6.     top: 20px;
  7.     bottom: 200px;
  8.     left: 25%;
  9.     height: 100%;
  10.     width: 980px;
  11.     background: red;
  12.     -moz-box-shadow: 0 0 20px #888;
  13.     -webkit-box-shadow: 0 0 20px#888;
  14.     box-shadow: 0 0 20px #888;
  15.  
  16. }
[HTML] pobierz, plaintext


Oczywiście dodałem ten css w head.

Chcę zrobić kontener relative, co też zrobiłem. A w nim kolejny div z treścią (czerwony prostokąt na środku strony biggrin.gif). Tylko coś nie działa.
prz-emo
23.01.2012, 13:06:05
Sprecyzuj czy chcesz wyśrodkować w poziomie czy w też w pionie.
Jeśli tylko poziom - margin: 0 auto; bez position: absolute;
Jeśli w pionie - nadajesz wysokość dla #body i też margin: 0 auto;
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.