私はこのコードを使用してCSSテーブルなしのレイアウト
<html>
<span>
<span style="float:left">'.<img/> <br/> Text</span>
<span style="float:right"> Long text <span>an inner span</span> </span>
<br/>
<div> a blank div</div>
</span>
</html>
を失敗した
本部/スパンを使用してコードこのレイアウトを作成するために私を助けては、私のPHPプロジェクト
からペーストをカットされます私の間違ったコードを避けて新しいものを書く方が良いでしょう
これは非常に簡単なバージョンで、必要に応じて調整できます。あなたを始めさせるだけです。あなたが行くあり
<img src="" id="logo">
<div id="topBar"></div>
<br class="clear" />
<div id="mainContent"></div>
<textarea></textarea>
img#logo{height:150px; width:20%; float:left; border:1px solid red;}
div#topBar{height:150px; width:78%; border:1px solid green; float:right;}
br.clear{clear:both;}
div#mainContent{height:150px; width:99%; border:1px solid blue; margin-top:10px;}
textarea{margin-top:10px; height:50px; width:99%}
http://jsfiddle.net/jasongennaro/Y7K4D/
（あなたはまた、FYI、すべてwrapper divでこれをラップし、各要素の幅や余白を調整したい場合があります。）
私はあなたのもので作られた小さなアップデートがあります。厄介なフロートを取り除き、テキストフィールドを追加しました：http://jsfiddle.net/Y7K4D/7/ –
素敵な@アンドレアスCarlbomを完了しました。私は 'img'の下に' text'を気付かなかった。 +1 –
あなたのレイアウトは私の質問のものと正確に一致していますが、divにテキストを挿入しようとするたびに改行が入ります。 – Sourav
。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#wrapper {
width: 100px;
}
#top-group {
white-space: nowrap;
}
#wrapper img {
float: left;
height: 15px;
}
#wrapper #multiline {
display: inline-block;
white-space: normal;
}
#middle-group {
clear:both;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="top-group">
<img src="http://www.google.com/images/logos/ps_logo2.png" alt="" />
<div id="multiline">
This is multiline div.
This is multiline div.
This is multiline div.
This is multiline div.
</div>
</div>
<div id="middle-group">
This is middle div content
</div>
<div id="bottom-group">
<textarea cols="5" rows="2">
</textarea>
</div>
</div>
</body>
</html>
あなたは画像のすぐ下のテキストを見逃しました。 – Sourav
あなたはコードを読むことができません、必要なコードだけを貼り付けることを検討してください。 – bingjie2680
@ bingjie2680更新 – Sourav
uはフロートできません。 – Kasturi