2011-01-06 14 views
6

Pracuję z IE8 w trybie quirks ...Jak automatycznie wyśrodkować element div w IE8 w trybie quirksmode?

Mam style kaskadowe z moim Firefox stylów, które obejmują:

#container {position:relative; width:1007px; margin-right:auto; margin-left:auto;}  

#textbin {width:720px; position:relative; margin-right:auto; margin-left:auto;} 

Widocznie nie robię coś dobrze, czy auto-uzupełniania zabezpieczenia nie pracować w IE8. Czy tak jest w tym przypadku? Jeśli tak, jak mogę obejść to ograniczenie? Nie próbowałem pozycjonowania, pozycjonowania absolutnego, a nawet dodawania względnej pozycji do mojego arkusza stylów IE8. Ponadto, gdy ręcznie centruj div, IE8 dodaje margines na dole strony ...

przy okazji, jestem początkującym tutaj, więc jeśli potrzebujesz więcej informacji, daj mi znać!

+0

'margin: auto' nie działa w trybie quirks. – BoltClock

+1

czy musisz pracować w trybie dziwactwa? czy jest powód, dla którego nie możesz ustawić doctype, aby nie działał w trybie dziwactwa? –

+0

Tak, muszę pracować w trybie quirks dzięki mojej pozycji: naprawiony nagłówek. Musiałem użyć kilku hacków, aby uzyskać nagłówek do przewijania, a hacki nie działałyby bez trybu quirksmode. – SamStar

Odpowiedz

7

Starym sposobem na hack-y było dodanie text-align:center do elementu nadrzędnego elementu div, który chcesz wyśrodkować. Oczywiście musisz wtedy zadeklarować właściwość text-align dla elementów podrzędnych, jeśli nie chcesz, aby były one wyśrodkowane, ponieważ text-align zostanie odziedziczone przez elementy potomne.

+0

Dziękuję! To naprawiło to! – SamStar

0

To zadziała w przypadku dziwactw IE5 i wyższych.

css:

body, html { 
width:100%; 
} 

#yourdivname { 
margin:0px 50% 0px 50%; 
//this can be removed, but is just for test sake. 
background-color:#bbb; 
width:100px; 
height:100px; 
} 

Mam nadzieję, że to pomoże, poważaniem Bert stycznia

+0

to nie jest odpowiedź na pytanie – MikroDel

+0

Pytanie dotyczyło IE8, a nie IE5 – MikroDel

+1

@MikroDel - Pytanie dotyczyło trybu Quirks, który jest trybem zgodności IE5. Dlatego jest to doskonała odpowiedź na to pytanie. (samo pytanie jest okropne, nikt nie powinien teraz używać trybu dziwactwa, ale odpowiedź na pytanie jest w porządku) – Spudley

Powiązane problemy