Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Kiedy centrowanie w IE nie dziala..., margin: auto; /* tylko dla wybranych */
Sky_walker
post
Post #1





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

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


Witam, mam prostą stronkę:
  1. <div id="lay">aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa
  2. </div>
  3. </body>

i do niej styl CSS:
Kod
body {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Tachoma, Arial, Helvetica, sans-serif;
  color: #000000;
}

#lay {
  margin: auto;
  width:                 900px;
  background-color:      red;

}


Według wszelkich samouczków, tutoriali, porad, Wszystko co chcesz wiedzieć o centrowaniu w CSS etc. itp. margin: auto; lub margin-left:auto; margin-right:auto; powinno dać w IE i FF wycentrowanie czerwonego div'a.
Niestety, odpalam niniejszą stronkę w IE 7.0 i div lata po lewej.
Ktoś spotkał się z tym problemem? Jak to poprawić?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
nevt
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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


Cytat
Według wszelkich samouczków, tutoriali, porad
oj... niewiele ich było... niewiele...
o quirks mode w IE sie nie czytało...
dodaj do HTML odpowiednie nagłówki z definicją typu dokumentu i IE okaże się bardziej skłonny do współpracy

EDIT: pierwsza diagnoza błędna...

Ten post edytował nevt 5.02.2008, 20:04:35
Go to the top of the page
+Quote Post
punkomuzykant
post
Post #3





Grupa: Zarejestrowani
Postów: 147
Pomógł: 3
Dołączył: 28.12.2007
Skąd: toronto

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


a ja tam się nie znam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ale to bankowo się przyda. Podejrzyj źródło i będziesz wiedział
W3C

heh po 3 latach wracam do html i przyznam szczerze że czytanie dokumentacji i domyslanie się co działać będzie a co nie jest trudniejsze i bardziej pracochłonne od programowania w actionscript flasha (IMG:http://forum.php.pl/style_emoticons/default/blinksmiley.gif)
ps. te wszystkie tutki itp w większości przypadków są dawno nieaktualne a samo
margin: auto jest chyba określone jako deprecated poczytaj

Ten post edytował punkomuzykant 5.02.2008, 20:33:56
Go to the top of the page
+Quote Post
slaw.omir
post
Post #4





Grupa: Zarejestrowani
Postów: 38
Pomógł: 1
Dołączył: 10.08.2006

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


Wystarczy zrobić wycentrowanie tekstu, w IE zadziała i wycentruje wszystkio, a w FF nie. W FF wystarczy wpisać w #lay margin: 0
"odległość od górnej krawędzi przeglądarki" auto "odległość od lewej i prawej krawędzi przeglądarki"
  1. body {
  2. text-align:center;
  3. }
  4. #lay {
  5. margin:0 auto;
  6. }
Go to the top of the page
+Quote Post
Sky_walker
post
Post #5





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

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


Wielkie dzieki slaw.omir - działa bez zarzutu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
ps. Gratuluje pierwszego znaczka "pomógł" (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
nevt
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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


przykro to pisać - ale sposób podany przez slaw.omira to nie pomoc tylko "obejście" problemu. twój IE dalej pracuje w trybie QUIRKS i za chwilę znowu przekonasz się, że coś ci wyświetla zupełnie inaczej niż pozostałe przeglądarki. wrzuć w google: IE quirks mode i poczytaj o tym więcej, bo inaczej twoje problemy z wyświetlaniem w IE będą się nieustannie powtarzać...

a przy okazji polecam stronkę: Lista bugów przeglądarek (głównie Explorera)

bardzo pouczająca lektura, uświadomisz sobie jakim wyzwaniem jest robienie stron identycznie wyglądających na różnych przeglądarkach...
Go to the top of the page
+Quote Post
punkomuzykant
post
Post #7





Grupa: Zarejestrowani
Postów: 147
Pomógł: 3
Dołączył: 28.12.2007
Skąd: toronto

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


nevt ciekawą stronkę podałeś. Mi też się przyda więc dzięki
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 11:49