画像の右側に表示したい div にテキストがあります。テキストが画像の最後に達した後、テキストを画像の周りに回り込ませ、ページの左側に揃えます。div の可視性は、小さな jquery スクリプトを使用して切り替えられます。問題は、可視性が切り替えられると、テキストが画像の下部に達した後、ページの左マージンに拡張されなくなり、画像が左マージンであるかのように継続することです。html は基本的に次のようになります。
<html>
<image float:left>
<div id="toggleMe">lots of text here</div>
</html>
次の 2 つの点に注意してください。この問題は、Firefox では発生せず、IE でのみ発生します (他のブラウザではテストされていません)。また、画像の可視性が切り替えられていない場合、IE で正常に動作します。
コードは次のとおりです。
<script type="text/javascript">
$(loadStuff);
function loadStuff() {
$("#divWorkExperience").hide();
$("#btnShowWorkExp").click(function () {
$("#divWorkExperience").toggle("slow");
return false;
});
をちょきちょきと切る
<div style="text-align:justify;">
<img src="ContentImages/highres_22409206.jpg" style="height:300px;width:400px;float:left;clear:none; margin-right:6px;" alt="me" />
<div id="divWorkExperience" style="display:block; clear:none;">lots of text</div>
</div>