Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: CEntrowanie wewnatrz DIV'a
Forum PHP.pl > Forum > Po stronie przeglądarki
toth
Czy ktos wie jak zrealizaowac taki uklad?

  1. <div style="height:20px;">
  2. <img src="obrazek.gif"></img>
  3. </div>


Obrazek ma 10px wysokosci i chcialbym aby byl wysrodkowany pionowo wewnatrz
tego DIV'a. Malo tego smile.gif chcialbym aby byl tak samo widoczny w mozilli jak i w IE.

Wiem ,ze moze byc to zwiazane z Box Model Hack ale nie potrafie do tego dojc.
Moze ktos wie albo ma jakis pomysl?

Pozdrawiam
toth
revyag
Najprościej to ustawiasz w divie text-align:center, i masz wyśrodkowany obrazek. A w stylach obrazka ustawiasz padding:5px i masz w pionie wyśrodkowany.
  1. <div style="height:20px;text-align:center">
  2. <img src="obrazek.gif" style="padding:5px" />
  3. </div>

Poza tym co to jest </img> ? Koledze się chyba coś pomerdało smile.gif
toth
ale padding jest roznie interpretowany przez przegladarki. Wlasnie chodzi mi o to ,ze padding bedzie dobrze wygladal w Mozilli ale w IE rozszerzy mi DIV'a.

I sorry za </img> - dobiero 9 smile.gif
revyag
Masz rację rozszerzy, dla IE trzeba zrobić mały trick smile.gif IE domyślnie ustawia sobie wielkość czcionki, nie wiem na ile, ale tu jest właśnie problem.
Update smile.gif
  1. <div style="height:20px;text-align:center;font-size:2px">
  2. <img src="obrazek.gif" style="padding:5px" />
  3. </div>
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.