Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Wyśrodkowanie DIVa pod IE - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wyśrodkowanie DIVa pod IE (/thread-wy%C5%9Brodkowanie-diva-pod-ie)



Wyśrodkowanie DIVa pod IE - Dartam - 05-01-2011

Witam!

Gdy ustawie dcotype na:

Cytat:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

To w żaden sposób nie potrafię wycentrować diva pod przeglądarkę IE. Czy zna ktoś jakiś sposób, aby temu zaradzić? Nie zmieniając przy tym doctype.

Proszę o pomoc, z góry dzięki.
Pozdrawiam Dartam


RE: Wyśrodkowanie DIVa pod IE - Kartofelek - 05-01-2011

<body>
<div class="containte">
.....

body {text-align:center;}
.container {width:900px; text-align:left;}


RE: Wyśrodkowanie DIVa pod IE - O2H - 05-01-2011

a może tak:

<div id="cala-strona">
zawartosc calej strony
</div>

#cala-strona {width: 960px; margin: 0 auto;}


RE: Wyśrodkowanie DIVa pod IE - www.skrypty.pro - 05-01-2011

Czy problem został rozwiązany ?


RE: Wyśrodkowanie DIVa pod IE - Kartofelek - 05-01-2011

W starych wersjach IE, jeżeli doctype był "stary" margin: auto nie działał, stąd trzeba było stosować treki z centrowaniem.


RE: Wyśrodkowanie DIVa pod IE - Dartam - 26-03-2011

O2H, nie działa.

(05-01-2011, 16:03)Kartofelek napisał(a): W starych wersjach IE, jeżeli doctype był "stary" margin: auto nie działał, stąd trzeba było stosować treki z centrowaniem.

W jaki sposób? Smile


RE: Wyśrodkowanie DIVa pod IE - Kartofelek - 28-03-2011

W taki jak podałem.
W dobrych przeglądarkach:

Kod:
<div style="margin:0 auto; width:960px">
...
</div>

W złych IE6 przeglądarkach:

Kod:
<body style="text-align:center">
<div style="text-align:left; margin:0 auto; width:960px">
...
</div>
</body>