2011-06-23 12 views

答えて

0

答えは、どれくらいのイメージを望み、どのようにイメージを整列させるかによって異なります。

最も単純なフォームは、テーブルを左に浮かべるだけです(http://jsfiddle.net/NGLN/8AHhG/を参照)。これはテーブルの高さでのみ機能します。

もう1つのフォームは画像を正しく浮かせます。http://jsfiddle.net/NGLN/8AHhG/2/を参照してください。ただし、そのレイアウトは邪魔されないかもしれません。

画像をグループ化することもできます。上記の両方の組み合わせの種類は、http://jsfiddle.net/NGLN/8AHhG/3/を参照してください。

+0

例と説明のためにおかげでたくさんありました。 – user9969

0

float:right画像やテーブル

アップデートの幅を下げる

<div id="container"> 
    <table id="mytable"> 
    </table> 
    <div id="images"> 
    <img /> 
    <img /> 
    </div> 
</div> 

そしてCSS

#container, mytable, images { 
    margin:0; 
    padding:0; /* Avoid excess of width due to margins or paddings */ 
} 
#container { 
    width:1000px; 
} 
#mytable { 
    width:600px; 
    float:left; 
} 
#images { 
    width:400px; 
    float:right; 
} 

この方法あなたは今は2つの列、あなたのテーブルである左側と、テーブルの右側に固執する必要があるすべての画像を含むdivです。

+0

私はフロートを正しくしようとしましたが、動作しません。テーブルの幅を小さくすることで何を意味するのかを拡張できますか? – user9969

+0

テーブルに明示的な幅を設定するのは、デフォルトではすべてのスペースを占めると考えられるからです(幅:100%)。たとえば、divとiageがdiv内にある場合は、テーブルの幅をコンテナdivの幅からイメージの占めるスペースの幅を引いた値より小さくする必要があります。 –

+0

ありがとう。ちょうどあなたのことを見ました.iあなたが今何を意味するか見てください – user9969

関連する問題