Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]wyśrodkowanie elementu względem okna przeglądarki
Forum PHP.pl > Forum > Przedszkole
pafeu
witam
Przeczytałem tematy podobne na tym forum i rozwiązania w nich proponowane nie działają do końca tak jak bym chciał
chodzi mi o wycentrowanie elementu względem okna przeglądarki tak jak w pod tym linkiem link do przykładu
zmniejszajcie szerokość okna przeglądarki i obserwujcie rotator banerów na samej górze. Pomimo, że jest on dużo szerszy niż okno przeglądarki to zawsze pozostaje wycentrowany.
Próbowałem i doszedłem do takiego etapu jak pod tym linkiem ale nie przy każdej szerokości okna przeglądarki element jest wycentrowany. Przy minimalnej możliwej element jest wyrównywany do lewej strony a nie tak jak w podanym wyżej przykładzie.
Kod jaki zastosowałem
Kod
<img style="right:-50%; margin-left:-50%; margin-right:-50%;" src="pliki/baner1.png" width="1000"/>

Dodam że moje rozwiązanie działa w CHROME a nie w IE.
proszę Was o pomoc w rozwiązaniu mojego problemu.
pozdrawiam
krzywy36
Musisz ustawić obrazek jako tło diva i nadać mu (div) background-position: center.
kadlub
a spróbuj ustawić mu margin:auto; i wtedy przy powiększaniu i pomniejszaniu powinien być zawsze wycentrowany.
sadistic_son
Take a look HERE smile.gif
toaspzoo
  1. text-align: center;


i wszelkie padding-left, right wykasuj
pafeu
Cytat(sadistic_son @ 16.02.2012, 11:34:20 ) *
Take a look HERE smile.gif

@sadistic_son
bardzo dziękuję za pomoc - właśnie o to mi chodziło link
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.