IE가 내 CSS를 무시하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

오페라, FF, Flock 및 Chrome이 콘텐츠를 올바르게 표시하는 반면 모든 IE 및 AOL 브라우저는 내 웹 사이트 콘텐츠를 화면 왼쪽에 표시하고 CSS 선언을 무시하는 이유는 무엇입니까?IE가 내 CSS를 무시하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

웹 사이트 : http://www.mbc-fw.org

CSS :

/* CELTIC CHALLENGE THEME BY PASTOR RICK */ 
*{font-family:verdana,tahoma,arial;} 

/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */ 
body{background:#FEFEFE;color:#000;font:700 14px verdana,tahoma,arial;margin:0;} 

/* MULTI-PART LAYOUT */ 
#container{margin:0;padding:0;} 
#bgtl{background:url(http://www.rbbt.net/skins/PR/celtic/cc-tl.gif) no-repeat left top;height:37px;margin-top:-15px;} 
#bgtr{background:url(http://www.rbbt.net/skins/PR/celtic/cc-tr.gif) no-repeat right top;height:37px;margin-top:-37px;} 
.bgtmid{background:url(http://www.rbbt.net/skins/PR/celtic/cc-tmid.jpg) repeat-x center 0;height:15px;margin:0 auto;} 
#bgtlc{background:url(http://www.rbbt.net/skins/PR/celtic/cc-tlc.gif) no-repeat left top;height:35px;margin-top:0;} 
#bgtrc{background:url(http://www.rbbt.net/skins/PR/celtic/cc-trc.gif) no-repeat right top;height:35px;margin-top:-35px;} 
#bgleft{background:url(http://rbbt.net/skins/PR/celtic/bg-left.gif) left top repeat-y;font-size:12px;margin:0;min-height:100%;overflow:hidden;} 
#bgright{background:url(http://rbbt.net/skins/PR/celtic/bg-right.gif) right top repeat-y;font-size:12px;margin:0 0 -1000px;min-height:100%;padding-bottom:1000px;} 

/* SET UP FOR CHURCH NAME AND LEFT-RIGHT LOGO IMAGES */ 
#banner{margin:0 auto;width:90%;} 
#lbox{background:url(http://mbc-fw.org/images/mbc-fw-logo.gif) no-repeat left top;height:160px;margin-left:5px;} 
#mbox{margin:0 202px;} 
#rbox{background:url(http://mbc-fw.org/images/mbc-fw-logo.gif) no-repeat right top;height:160px;margin-right:5px;margin-top:-160px;} 

/* SET UP FOR CHURCH ADDRESS, LOGO TEXT, AND PASTOR'S NAME */ 
#logobox{background:#a1b1c1;margin:0 auto;width:100%;} 
#lbin{background:#a1b1c1;line-height:30px;margin-left:5px;text-align:left;vertical-align:middle;} 
#mbin{background:#a1b1c1;font-style:italic;line-height:30px;margin:-30px 0;text-align:center;vertical-align:middle;} 
#rbin{background:#a1b1c1;line-height:30px;margin:-30px 5px 0 0;text-align:right;vertical-align:middle;} 

/* SET UP FOR TWO COLUMNS OF TEXT */ 
#columns {background:#FEFEFE; margin:0 auto;width:90%; overflow: auto;} 
#rightcolumn{margin: 10px 0; float: right; width: 48%; font:400 14px verdana,tahoma,arial; line-height: 1.4em;} 
#leftcolumn{margin: 10px 0; float: left; width: 48%; font:400 14px verdana,tahoma,arial; line-height: 1.4em;} 

#backtotop{background:url(http://www.rbbt.net/skins/PR/celtic/cc-fountain.gif);border:0;font:700 14px verdana;height:100px;line-height:20px;margin:5px auto 0;padding:0;width:100px;} 

/* PD MENU */ 
#holder{height:33px;line-height:33px;overflow:hidden;position:absolute;right:58px;text-align:center;top:35px;width:225px;z-index:100;} 
#holder:hover{cursor:pointer;height:350px;} 
#holder a:visited,#holder a{background:#339;border:1px solid #77f;color:#A39B9B;display:block;line-height:18px;text-decoration:none;width:99%;} 
#holder a:hover{background:#007;color:#fff;} 
#holder p{background:#007;border:1px solid #77f;color:#fff;font:400 14px verdana;margin:-1px 0;padding:0;}

출처

2011-08-23 Rick Gordon

"AOL 브라우저를"standards mode를 실행해야합니다 ಠ_ಠ – BoltClock

내가 테스트 편리 IE,하지만없는 Doctype (아무 URI와 과도 HTML 4.01)의 선택이없는가 쿼크 모드를 트리거합니다. IE가 처리하는 방법을 포함하여 브라우저간에 불일치가 많이 발생합니다. width.

당신이

출처

2011-08-23 06:15:35 Quentin

당신은 천재! Doctype을 지난 몇 년 동안 Runboard.com에서 작업 한 내용을 반영하도록 변경했으며 이제는 IE8-IE10 프로그램을 통해 내 CSS에서 말하는 것처럼 행동합니다. IE7이 거의 사용 가능합니다. IE6은 잃어버린 원인입니다. 벽에 머리를 대고 작동시켜야합니까? –

머리를 벽에 대고 있으면 IE 6가 작동하지 않습니다. –

IE가 내 CSS를 무시하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

답변

관련 문제