2012-09-02 7 views
1

나는 다음과 같은 HTML이 :IE5.x의 가운데 div?

<div id="container"> 
    <div id="header"><h1>Sed sollicitudin dignissim justo, sed.</h1></div> 
</div> 

다음과 같은 CSS :이 화면 전체에 걸쳐있는 사업부 container를 생성

div#container 
{ 
    text-align:left; 
    width:500px; 
    margin:0 auto; 
} 

, 첫 번째 DIV container, 내 다른 사업부 header를 두 번째 div는 고정 된 너비를 가지며 첫 번째 div의 가운데에 배치됩니다.

IE6에서는 잘 작동하지만 IE5.x에서는 화면 중앙에 정렬되지 않습니다. 화면 왼쪽에 정렬됩니다.

어떻게 이것을 IE5.x에서 중심에 두겠습니까?

+1

<center>를 추가하면 왜 IE5.x를 지원해야합니까? – BoltClock

+2

나는 그것이 도움이되지 않는다는 것을 안다. 그러나 그것은 적절하다 - 왜 IE5를 사용하고 있는가? – Widor

+2

IE5는 1999 년에 출시 된 브라우저입니다. ** 1999 년 ** 그 13 년 전 –

답변

7

IE 5.x는 인라인 요소가있는 것처럼 센터 블록입니다.

#containers_parent { text-align: center; } 
#container { text-align: left; } /* To reset the alignment for the text inside */ 
+1

'text-align : center'는'# container' 자체가 아니라'# container'의 부모에 있어야한다고 생각합니다. – BoltClock

+0

@BoltClock - 알았어, 좋은 지적이야. – Quentin

+0

IE4에서도 작동합니다! : D – oshirowanen

0

당신이 페이지에있는 유일한 것은 #container 그냥 상단

관련 문제