2010-01-11 3 views
0

CSS를 사용하여 모든 크기의 모니터에서 작동해야하는 페이지의 중앙 상단에 div를 표시하는 방법.페이지의 가운데 상단에 div를 표시하는 방법

주로 IE에서 문제가 발생합니다. 제대로 정렬되지 않았습니다.

+0

대답은 여기에 ... IE에서 작동하지 : http://stackoverflow.com/questions/2498552/horizontal-and-vertical-center-text-in-html/2857692#2857692 –

답변

0

CSS

마진
div 
{ 
margin : 0px auto; 
} 
2

: 0 픽셀 자동; 는 폭이 제공 될 필요가 작동하도록

스타일 :

div#center 
{ 
width: 300px; 
margin: 0px auto; 
} 

HTML :

<div id="center">content</div> 
+0

속성 값 "0"에 "px"단위를 사용하는 이유는 무엇입니까? 그건 꼭 필요한 것은 아니며 대개 생략됩니다. – Leo

+0

오타, 사과. 예를 들어 처음에 10px로 입력하면 영업 담당자가 페이지 상단에 질문했습니다. D 참조 : D – LukeP

+0

받아 들여지 : D 다른 사람들이 사용하고 있기 때문에 나는 놀랐다. 그래서 잘 정립 된 것 같지 않니?! – Leo

0

가 앞뒤로 전환하여 모두 IE와 다른 브라우저의 렌더링을 비교하고 있습니까? 그렇다면 스크롤 막대로 인해 교대조를 알 수 있습니다. IE는 스크롤바를위한 공간을 예약하고, Firefox와 같은 브라우저는 필요할 때만 창 스크롤을 표시합니다.

0

div # center { width : 300px; 여백 : 0px 자동; }

관련 문제