これが私の質問ですcontent div
。 を白で塗りつぶしたいと思います。しかし、私がそれを行うと、div全体が満たされません。子 div はより大きく、親 div (コンテンツ) を超えています。コンテンツ div がすべての子 div をカバーするようにします。
これが私のコードです
#content {
width: 100%;
min-height: 400px;
height: auto;
max-height: 2000px; /* ONLY FOR THE MOMENT */
margin-top: -7px;
background:white;
}
#fastMenu {
float:left;
width: 200px;
height: 100%;
margin-top: 20px;
}
#contenu {
float:left;
width: 430px;
height: 100%;
margin-top: 20px;
background:white;
}
<div id = "content">
<div id = "fastMenu">
<a href="conseil-d-administration">
<img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuAdmin.png'; ?>" border="0" />
</a>
<a href="congres-2012">
<img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuCongres.png'; ?>" border="0" />
</a>
<a href="formation">
<img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuFormation.png'; ?>" border="0" />
</a>
<a href="devenir-membre">
<img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuMembre.png'; ?>" border="0" />
</a>
</div>
<div id="contenu" class="txt"></div>
</div>
クロスブラウジングの回答もお願いします(IE7、IE8、IE9、Firefox、Chrome、Opera)