1

私はdivsでレイアウトされたサイトに取り組んでいます。特に問題が発生しているのは、トレーニング写真divです。

http://php.wmsgroup.com/eofd6.org/education.htmlにアクセスすると、左側のナビゲーションの下にドロップダウンした写真が表示されます。そのナビボックスのすぐ下にスナップしたい。その位置付けとメインコンテンツdivの位置付けでいくつかの異なることを試しましたが、うまくいきません。

どんな助けでも大歓迎です。スタイル シートへのリンクはhttp://php.wmsgroup.com/eofd6.org/in.cssです。

ありがとう！

4

3 に答える 3

1

より予測可能な結果を​​得るために、全体的なラッパーを作成し、次に2つの列ラッパーを作成します。これでこのレイアウトに近づいたので、簡単な修正になります。

<html>
<head>
    <style type="text/css">
        #leftColumn {
            width: 30%;
            margin: 0px;
            float: left;
            display: inline;
            clear: left;
        }

         #rightColumn{
            width: 60%; /* allow 10% for flex/margins */
            margin: 0px auto;
            float: left;
            display: inline; 
            clear: right;
        }

    </style>
</head>
<body>
    <div id="pageWrapper">
        <div id="header"></div>
        <div id="leftColumn">
            <div id="nav"> </div>
            <div id="training_photo"> </div>
        </div>
        <div id="rightColumn">
             <div id="content"> </content>
        </div>
    </div>
    <div id="footer"> </footer>
</body>

于 2008-10-21T18:02:09.790 に答える
1

#content を左ではなく右にフロートします。

于 2008-10-21T17:53:11.353 に答える
0

#nav div に #training_photo div を含めるようにマークアップを変更できませんか?

于 2008-10-21T17:56:05.293 に答える