0

画像の右側に表示したい 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>
4

2 に答える 2

0

いつものように、答えを見つける前に質問を投稿する必要があります。なぜこれが機能するのかわかりませんが、機能します。

function loadStuff() {
    $("#divWorkExperience").hide();


    $("#btnShowWorkExp").click(function () {
        if ($.browser.msie) {
            $("#divWorkExperience").toggle();
        } else {
            $("#divWorkExperience").toggle("slow");
        }
        return false;
    });
于 2012-11-10T20:17:14.723 に答える
0

必要なのはこれだけです。align:leftを画像属性として配置します。divの代わりにスパンを使用する

<body>
    <img align="left" src="" style="height:300px; width:400px; margin-right:6px;" alt="me" />
    <span>Your long text here</span>
</body>
于 2012-11-10T20:17:26.683 に答える