Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Wycentrowany div fixed
Forum PHP.pl > Forum > Przedszkole
lukasamd
Witam,
zrobiłem na stronie formularz, po jego wypełnieniu i przeładowaniu strony w divie ustawionym jako fixed mają się pojawić informacje o tym, czy wszystko zostało wysłane, czy też wystąpił jakiś błąd.

Niestety nie potrafię wycentrować tego diva. W CSS jest opisany tak:

  1. #infobox{
  2. width: 400px;
  3. height: 200px;
  4. background: #FFFFFF;
  5. color: #000000;
  6. z-index: 2;
  7. position: fixed;
  8. top: 200px;
  9. }


Próbowałem dawać margin - bez rezultatu. Gdy daję wartość left, centruje (względnie powiedziane) ale tylko gdy strona jest w pełnym rozmiarze.
Oczywiście ten div jest wyświetlany w innym, głównym kontenerze.

Próbowałem również dać w tle tego inny div, który by centrował ten wewnętrzny, ale niestety nie działa.
Tak więc, jak mogę wycentrować tego fixed?
sweter
Bo musisz pamiętać, że fixed określa położenie diva względem przeglądarki, a nie innego elementu na stronie.

Sprubuj tak:

  1.  
  2. <div id="zewnetrzny">
  3.  
  4.   <div id="wewnetrzny">
  5.  
  6.     treść
  7.  
  8.   </div>
  9.  
  10. </div>
  11.  


Przy czym div #zewnetrzny jest ustawiony na fixed i width:100%, a #wewnętrzny niech ma te parametry:

  1.  
  2. width: 400px;
  3. height: 200px;
  4. background: #FFFFFF;
  5. color: #000000;
  6.  
  7.  


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.