-1

セルに複数の連続した HTML Div が含まれる HTML テーブルがあります。Div の 1 つに、右に浮かぶイメージがあります。

問題:ブラウザー ウィンドウのサイズが変更され、画像を囲む Div が拡大または縮小されると、Div の高さが動的に変更されて画像の高さよりも小さくなると、画像の下部が垂直方向に切り取られることがあります。

問題の発生を確認できるサンプル ページはhttp://nounz.if4it.comにあります。ここで、本体と右側にある地球は、私が話している画像です。

コードは次のようになります...

<td class="td_BodyRight">
  <div class="div_RootBody">
    <h1 style="text-align:center; font: bold 1.5em Arial;">Welcome to the Home Page for this Example Web Site</h1>
  </div>
  <div class="div_RootBody">
     <img style="float:right; padding:3px; width:150px; height:150px" src="./IMAGES/MAIN/globe1.png" alt="Global NOUNZ"/
     <p><b>Note:</b> NOUNZ is a registered trademark of the International Foundation for Information Technology (IF4IT).</p>
     <p>This entire Web Site was generated, in minutes, by the IF4IT NOUNZ platform and is in place as a live demonstration so that people can see and understand, for themselves, what the output of a NOUNZ compiled data set looks and feels like.</p>
     <p>It should also be noted that the data contained and represented within this Web Site is strictly fabricated and for demonstration purposes.  Such data is not intended nor should it be interpreted to represent anyone or anything outside this demonstration.</p>
  </div>
    .
    .
    .

画像がクリッピングされないようにするために私ができることについて何か考えはありますか?

ありがとう、

フランク

4

3 に答える 3

0

div クラスに次を追加します。overflow
:visible

于 2013-05-31T18:41:06.207 に答える
-2

私はそれをテストしましたが、「overflow:visible」が最もうまくいくようです。

于 2013-06-03T01:13:18.367 に答える