내 HTML/CSS 관련 문제

Question

아래의 내용은 내 CSS입니다. 이것은 3 컬럼 웹 사이트입니다. 내 주요 콘텐츠가 중심에 있습니다. 문제는 내 주요 콘텐츠가 IE에 맞게 올바르게 조정되지 않는다는 것입니다. FF에서는 괜찮지만 IE에서는 그렇지 않습니다.

.columns3headers2 #mainContent1 { 
margin: 0 22% 0 24%; 
width: 570px; 
background-color: #DDDDDD; 
height: 370px; 
padding: 0, 10, 0, 0; 
border: groove 
} 

.columns3headers2 #mainContent2 { 
    margin: 0 22% 0 24%; 
width: 570px; 
background-color: #DDDDDD; 
height: 190px; 
border: groove 
} 

나는 내 주요 내용이별로 없습니다.

<div id="mainContent1"> 
<h1> Main Content </h1> 
<div id="cround"> 
    <h3>Absolute Value</h3> 
    <ul> 
    <li>Test 1</li> 
    <li>Test 2</li> 
    <li>Test 3</li> 
    <li>test 4</li>  
</ul> 
</div> 

Answer 1

CSS 재설정으로 시작 했습니까?

http://developer.yahoo.com/yui/reset/

http://meyerweb.com/eric/tools/css/reset/

뭐죠 잘못된 폐쇄 P 태그까지?

직접 CSS 재설정을 사용하여 시작할 것입니다. 거기에서 'IE가 작동하지 않는 것'이외의 문제를 설명해야합니다.

Answer 2

부분 코드를 읽으면서 왼쪽 및 오른쪽 여백이 div 너비 값에 추가되고 total이 mainContent1 및 mainContent2를 래핑하는 외부 컨테이너의 너비를 초과한다는 것이 가장 좋습니다. IE 6에는 왼쪽 여백 값을 두 배로하는 버그가 있습니다.

더 유용한 제안을 받으려면 문제를 재현 할 수있는 충분한 HTML과 CSS를 게시하고 레이아웃 문제가 발생한 IE 버전을 알려주십시오.

Answer 3

Kevin이 말한 것과는 반대로, 나는 CSS Reset으로 시작하지 않을 것입니다. 그것은 당신의 문제를 해결하지 못할 것입니다. 그것은 단지 라인 아래로 더 많은 두통을 만들 수 있습니다.

대신 코드 유효성 검사부터 시작하십시오. 당신이 게시 한 짧은 CSS에는 오류가 있습니다. 얼마나 많은 사람들이 알고 있는지. HTML과 동일합니다.

내가 게시 한 짧은 코드 스 니펫이 우리를 도와 줄 정도로 충분하지 않습니다.

Answer 4

귀하의 주요 콘텐츠에서 볼 수 있듯이 div 마감 태그가 누락되었습니다.