2012-01-25 14 views
0

私はこのテストページを[質問に答えた後にポスターで編集しました]、HTMLソース内の何かがそれを乱して右の列が左の列。ページをめちゃくちゃにする閉じたdivタグが見つかりません

私はファイヤーバグでそれを見ていますが、HTMLに問題がある場所を見つけることはできません。そのページが左側の列の下に右側の列を配置する原因は何ですか?

ありがとうございます!

+0

正しいレイアウトを記述できますか? 「右の列」はあまり説明的ではありません。 –

+0

非常に悪いHTMLとCSSを使用しています:インラインCSSをスタイルシートに配置する必要があります。

タグは非常に古いです。素敵な入力/タブベイのソース –

答えて

1

私が正しく閉じられていないタグはフッターが自分の中に閉じ込められているので、私が言うことができる

<div style="float:left; width: 700px;">...yourcontent...</div> 

であることを伝えることができます。

+0

ちょうど@Wouter Jが先に言ったような提案です。すべてのインラインスタイルの99%のクラスを定義する必要があります。私はまったくインラインスタイルを使用しています。その問題は、小さな表情を変えようと決めたときに、Ctrl + Fのゲームを数時間プレイすることになります。私があなただったら、すべての主要なセクション(これを言う)私は特別なIDタグを作るでしょう。あなたのCSSは '#main-content {float:left; width:700px} 'と表示され、タグは'

...
'のように見えます。さらに、各セクションにカスタムタイトルを付けることができます – Michael

+0

カスタムタグは '#main-content .title {font-size:16px}'のようにして、サイドコンテンツ '#side-content .title {font-size: 12px} ' – Michael

1

私は天才だありませんが、前記ソースにコメントがありました:

<!-- Here you need a closing div tag and the right menu goes up. --> 

あなたはそれをそこに入れてみてください可能性が。

1

あなたはちょうどボックスを間違って配置しました。あなたは正しい、あなたが親#layoutのdiv要素の最初のdivの外に右バーのdivを配置する必要があり

<div id="layout" class="yui-t6 content"> 
2

下の右側に浮くはずですDIV(寄付とかで右のメニュー)を配置する必要が

<div id="layout"> 
<div style="float:left;"></div> 
<div>YOUR RIGHT BAR DIV</div> 

</div> 
+0

ええ、私はそれを取得しますが、現在のページで、私は構造を台無しにしている余分な終了タグを見つけることができません。 – GeekedOut

+0

ok..openあなたはnotepad ++でコードを記述します。欠落しているdivを見つけることになります(終わりのdivを持つdivを強調表示します)。そうでないと – Anish

関連する問題