2012-03-22 13 views
2

サイト:http://partsconsign.com/parts/?custid=1CSS DIVオーバーフロー

私は何が起こったのか分かりません。突然、CSSを変更せずに、「ブラウズ」カテゴリを展開すると、それが含まれているdivの外側にオーバーフローします。 divのCSSがあります:

.bodyArea 
{ 
    width: 900px; 
    background-image:url(/images/bg.jpg); 
    background-repeat:no-repeat; 
    border-width: thin; 
    border-style: solid; 
    margin-left:auto; 
    margin-right:auto; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
    min-height: 900px; 
} 

.pageArea 
{ 
    background-image: url(../images/page_bg.jpg); 
    background-repeat: repeat; 
    width: 95%; 
    position:relative; 
    margin-left: 25px; 
    margin-top: 30px; 
    min-height: 700px; 
    height:auto; 
} 

#partCat { 
    width: 775px; 
    padding:5px; 
    cursor:pointer; 
} 

なぜこれらのdivを展開するとオーバーフローが発生するのかわかりません。これらのdivのいずれも、絶対的な位置決めをしていません。私は間違って何をしていますか? #partcatは.bodyArea内にある.pageArea内にあります。私はここで以前に尋ねられた多くの質問を見てきましたが、それらのすべてにはわずかに異なる問題があるようです。助けて!

答えて

4

divは、30px高に固定されています。この部分放火犯により試験

<div style="height: 30px; width: 100%"> 

からの高さを取り除き、ITは

+0

おかげStarxワークス。私は30pxに制限されていた未公開のdivを持っていました。コード内のdivをスキャンする以外に、閉じられていないdivを簡単に見つける方法はありますか? – Devin

+0

@Devin、ええ。 try http://validator.w3.org/ – Starx

関連する問題