2012-03-18 4 views
0

Googleはこの問題の解決方法を探していますが、見つけられませんでした。おそらくこれは自分の言葉の言葉の不確実性によるものです。私はdivを使用して3列のページを持っているコンディションに影響するさまざまなコンテンツを3つのdiv列に一番上に並べる

:ここ

は問題です。 divは、内部のさまざまなコンテンツを含む、コンテナdiv、左、中、右のdivです。私が彼らに必要なのは、上から水平に並べることです。彼らが現在行っていることは、いくつかのジグソーパズルの調整です。これは、内部の内容(私は結果なしに他のすべてを変更したため)が原因であると信じています。これは、パディングを含むタイトル、テキスト、FBのようなボタンなどによって異なります。ここで見るように、 http://sunnahspace.com一時的な二重線ページ上で私はそれらを整列しようとしています。私はあなたが必要とするすべてのコードを投稿することができますが、多くの人が読書をたくさんしゃべりたくないので、私はCSSを投稿し、特定のものを求めたら投稿します。上にリンクされた索引ページのソースから。そして、私の上で簡単に行ってください、私はそれが開発になると少しばかだ、と私はあなたがすべて前にnoobsしていると確信しています。前もって感謝します。あなたが最初column_middle_temp1上記第一のスペーサを脱ぐために必要なすべての

#middle_container { 
    float: right; 
    width: 60%; 
    padding: 5px; 
    margin:auto; 
} 

#right_container { 
    float: right; 
    width: 20%; 
    padding: 5px; 
    margin: auto; 
} 

#left_container { 
    float: right; 
    width: auto; 
    min-width: 200px; 
    padding: 5px; 
    margin: auto; 
} 
+0

あなたのマークアップはなぜジグザグなのですか? – Starx

+0

どういう意味ですか? – Nathan

+0

私は、並んで配置されたコンテナは同じ親の下にないことを意味します。それには特別な理由はありますか? – Starx

答えて

2

最初:ここ

は3つのdiv要素のCSSです。

次に、top_containerからmargin-bottom:20pxを削除する必要があります。

最後に、あなたはの下部に追加する必要があります。

<div id="left_container">...</div><br clear="all" /> 

これはまだ私が知っているように動作しない場合、これは、私がすぐに見たものです。

+0

余分なスペーサーを取り外した後、完全に揃えて、良いキャッチとありがとう!私は、この問題を抱えている誰かのために学ぶべきことは、コードをクリーンアップすることだと思います。ありがとうございました。 – Nathan