Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Ustawienie treści na środku strony w IE, IE problem z CSS
--tomek1973--
post 15.03.2012, 10:25:23
Post #1





Goście
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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
by_ikar
post 15.03.2012, 11:38:37
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 22:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn