Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Ustawienie treści na środku strony w IE
Forum PHP.pl > Forum > Przedszkole
-tomek1973-
15.03.2012, 10:25:23
Mam poniższy kod, za pomocą którego chcę ustawić na środku dwie warstwy.
Wszystko działa idealnie w przeglądarkach Chrome i Mozilla, natomiast rozsypuje się w IE.
Co trzeba zrobić, aby to działało?

[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3.  
  4.  
  5. <div style="
  6. margin-left:auto;
  7. margin-right:auto;
  8. width:1000px;
  9. height:600px;
  10. background-color:#ff0000;
  11. ">
  12. <img src="logo.jpg"><br>
  13.  
  14. <div style="
  15. margin-left:auto;
  16. margin-right:auto;
  17. width:600px;
  18. height:600px;
  19. background-color:#ffffff;
  20. "></div>
  21.  
  22.  
  23. </div>
[HTML] pobierz, plaintext
by_ikar
15.03.2012, 11:38:37
IE nie rozumie marginesu automatycznego, którym byś mógł sobie wyśrodkować stronę i trzeba zastosować pewien myk. Kontener w którym trzymasz stronę ustawiasz jako margin auto. A body nadajesz text-align: center. Samemu kontenerowi musisz jeszcze dodać text-align:left, co by tekst również i w kontenerze nie był na środku. Po takim zabiegu IE 6/7 powinno wyśrodkować ci stronę. Dodatkowo, taki temat już był poruszany na forum: http://forum.php.pl/index.php?showtopic=123947 na drugi raz szukaj, oszczędzisz sobie czasu na oczekiwanie ewentualnej odpowiedzi.

Hint: margin, ie, internet exploder
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.