Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css]wypośrodkowanie div w pionie
Forum PHP.pl > Forum > Po stronie przeglądarki
gothye
Witam
jak wypośrodkować div w pionie (góra / dół ) ?
pedro84
Google.pl => vertical and horizontal div center
gothye
dodałem :

  1. margin-top:auto ;
  2. margin-bottom:auto;


ale nie działa sad.gif
pedro84
Bo nie ma prawda? Drugi wynik z googla co Ci podałem.
Baciok
na przykład tak:
CODE
<div style="position:absolute;top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;background:#ff0000;">test</div>
kmike
margin: auto; działa jeżeli masz podane stałe wartości elementu, szerokość i wysokość.

  1. <div style="margin: auto; width: 100px; height: 100px; border: 1px solid #000;">
  2. tresc</div>
tomkowy
motyw jest taki:

jak masz tego diva to:
Kod
position absolute lub relative,
top:50%;
margin: - połowa wysokosci diva 0px 0px 0px;


jesli chcesz miec wysrodkowane z kazdej strony to:
Kod
top: 50%;
left: 50%;
margin: -połowa wysokości px 0px 0px - połowa szerokosci px;

proscizna winksmiley.jpg
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.