ウェブページレイアウトの問題

Question

私のウェブページのレイアウトに問題があります。私は2つのテーブルと2つのテーブルの両方の2つのdivsの両方を持っています。私の問題は、Webブラウザのサイズを変更すると、2番目のdivの内容が最初のdivの下に移動することです。

これはどのように修正できますか教えてください。

Answer 1

これを修正する方法の1つは、divの外にテーブルを置くことです。テーブルが構造体div内にある場合、ブラウザのサイズを変更しても、divが1つ下に移動することはありません。

Answer 2

あなたはこのような何かを試みることができる：あなたはfloatを使用している場合、それはaffectivly任意の周囲のDIVからその要素を削除します。また

CSS 
#leftcolumn { width: 300px; border: 1px solid red; float: left} 
#rightcolumn { width: 300px; border: 1px solid red; float: right} 

HTML 
<div id="leftcolumn"><p>text goes here</p></div> 
<div id="rightcolumn"><p>text goes here</p></div> 

を。この問題を回避するには、「クリア」を「両方」に設定したdivクラスをhtmlに追加してください。これは、すべてのdivがコンテナこのよう

にうまく座っます

CSS 
.clear { clear: both;} 

HTML 
<div id"container"> 
    <div id="leftcolumn"><p>text goes here</p></div> 
    <div id="rightcolumn"><p>text goes here</p></div> 
    <div class"clear"></div> 
</div>