HTML/CSS : 콘텐츠 본부가 미끄러짐

나는 내비게이션 div과 내용이 div이고 밑줄이 div 인 간단한 마크 업이 있습니다. "페이지"를 열면 모든 것이 정상적으로 보입니다. 하지만 페이지를 연 다음 브라우저 창 크기를 예를 들어 30 %이면 콘텐츠div이 아래로 내려갑니다.HTML/CSS : 콘텐츠 본부가 미끄러짐

인터넷 익스플로러에서만 발생하는 것 같습니다.

테스트 태그 :

브라우저에서 100 %보기 : http://www.suckmypic.net/25729/1.png

브라우저 창 크기를 조정할 : 문제의

<html> 
<body> 

<div id="container"> 

<div id="navi" style="float:left;width:197px;background-color:blue;"> 
    NaviContent 
    <br /><br /> 
    more NaviContent 
</div> 

<div id="content" style="width:820px;background-color:yellow"> 

    <table> 

    <tr> 
     <td>Content 
      <br /><br /> 
      more ContentContent 
      <br /><br /><br /><br /> 
      <br /><br /><br /><br /> 
      more ContentContent 
      <br /><br /><br /><br /> 
      <br /><br /><br /><br /> 
      more ContentContent 
     </td> 
    </tr> 

</table> 

</div> 

<div id="footer" style="clear:both;"> 
Footer Content 
</div> 

</div> 

</body> 
</html>

이미지 http://www.suckmypic.net/25730/2.png

이

도와주세요

출처

2012-01-26 Keith L.

이 설정'플로트보십시오 폭 당신의 #container 줄 필요가 : 너무 귀하의'#의 content' 블록의 DIV에 left'에게, 또는 디스플레이'에 모두 용기 설정 : 인라인 block'을. – Bojangles

http://jsfiddle.net/3bNfu/8/ – Jawad

당신은

출처

2012-01-26 10:48:59

이것은 합계 콘텐츠 + navi> 창 너비 때문입니다.

출처

2012-01-26 10:32:40

HTML/CSS : 콘텐츠 본부가 미끄러짐

답변

관련 문제