 [CSS]wyśrodkowanie elementu względem okna przeglądarki |
  |
| [CSS]wyśrodkowanie elementu względem okna przeglądarki |
 15.02.2012, 22:06:23
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 69 Pomógł: 0 Dołączył: 9.10.2011 Ostrzeżenie: (0%) 
 |
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 Ten post edytował pafeu 15.02.2012, 22:21:21 -------------------- ommo.pl - oświetlenie led i nie tylko
|
 |
 
|
|
15.02.2012, 22:22:34
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 370 Pomógł: 43 Dołączył: 1.12.2007 Skąd: Kędzierzyn Koźle Ostrzeżenie: (0%)
|
Musisz ustawić obrazek jako tło diva i nadać mu (div) background-position: center.
Ten post edytował krzywy36 15.02.2012, 22:24:09 -------------------- pretty as a shit.
|
|
|
|
|
16.02.2012, 07:33:47
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 548 Pomógł: 105 Dołączył: 4.06.2010 Ostrzeżenie: (0%)
|
a spróbuj ustawić mu margin:auto; i wtedy przy powiększaniu i pomniejszaniu powinien być zawsze wycentrowany.
|
|
|
|
|
16.02.2012, 11:34:20
Post
#4
|
|
 Grupa: Zarejestrowani Postów: 1 495 Pomógł: 245 Dołączył: 1.07.2009 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
Take a look HERE
-------------------- Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami... -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc! -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- |
|
|
|
|
16.02.2012, 12:08:43
Post
#5
|
|
 Grupa: Zarejestrowani Postów: 778 Pomógł: 84 Dołączył: 29.07.2010 Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury. Ostrzeżenie: (20%) 
|
i wszelkie padding-left, right wykasuj -------------------- LS Easter egg < |
|
|
|
|
16.02.2012, 22:35:32
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 69 Pomógł: 0 Dołączył: 9.10.2011 Ostrzeżenie: (0%)
|
Cytat(sadistic_son @ 16.02.2012, 11:34:20 )  Take a look HERE @sadistic_son bardzo dziękuję za pomoc - właśnie o to mi chodziło link -------------------- ommo.pl - oświetlenie led i nie tylko
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 6.05.2025 - 07:33 |
