고정 유체 믹스 너비 레이아웃을 기반으로 웹 페이지를 만들었습니다. 모든 주요 브라우저 및 와이드 스크린뿐만 아니라 일반 화면에서도 일관된 모양을 유지해야합니다. 그것은 Fire-Fox와 크롬에서 멋지게 나왔지만 IE에서는 완전히 무너졌습니다.IE()에서 고정 너비 레이아웃 나누기
나는 수직 요소를 가지고, 당신은 그것을 믿지 않을 것이다하지만 IE는 수직 요소 자체
난 그냥 차이로 압도하고 표시되지 않습니다 공중 선회 수평 목록 항목이있는 메뉴가 있습니다.
http://jsfiddle.net/thedarkjedi/wknmn/
는 CSS의 내 거의 절반이 메뉴에 전념 왜 어떤 생각 그냥 작동이 중지 : 여기 코드는? 그것은 다른 브라우저에서 잘 작동합니다.
IE에서 고장이났다. 내가 어디에서 실수를하는지 이해할 수 없다.
추신 : 또한 내 바닥 글의 간격이 좁은 이유는 누구에게 말해 줄 수 있습니까? 그/그녀 자신과 바닥 (페이지의 하단에 붙어 있어야하지만, 더 많은 콘텐츠가 있다면 콘텐츠를 제공해야합니다.) 거의 모든 트릭을 그물에서 찾는다.
바닥 글과 관련된 내 코드는 다음과 같습니다
<div id="FooterContainer">
<div id="Footer" >
<div id="Footer_Content">
<ul id="Footer_Nav">
<li id="Contact"><a href="#">Contact US</a></li>
<li id="About"><a href="#">About</a></li>
<li id="ToC"><a href="#">Terms & Conditions</a></li>
</ul>
</div>
<div class="notice">
Designed & Developed by Sudhanshu Nautiyal
</div>
</div>
</div>
</div>
와 CSS는 다음과 같습니다
/* 바닥 글은 유효한 토큰 */
#FooterContainer {
//clear:both;
background: #b8e1fe;
}
#Footer {
width: 960px;
height: 100px;
margin: 0px auto;
}
#Footer_Content {
text-align:center;
}
/* Footer Navigation begins*/
#Footer_Nav {
display: inline-block;
//width: 100%;
padding: 0;
list-style: none;
}
#Footer_Nav li {
float:left;
}
#Footer_Nav li a {
//display: block;
padding: 5px 10px;
font-family: Arial;
font-size: 15px;
color: #0b6998;
}
/*Footer NAvigation Ends */