ナビゲーション(navigation)を右に移動する

ナビゲーションを右に移動するには、CSSの#navigationと#contentのfloatの値を変更します。

修正前

#navigation
{
    float:left;
    width:220px;
    padding:17px;
}
#content
{
    float:right;
    width:530px;
    padding:17px;
}

修正後

#navigation
{
    float:right;
    width:220px;
    padding:17px;
}
#content
{
    float:left;
    width:530px;
    padding:17px;
}
コメント: 3 (ディスカッションは終了しました。)
  • #1

    gaku-web (日曜日, 26 12月 2010 19:06)

    はじめまして。いろいろ参考にさせていただいております。実は、これを試してみたのですが、デザインレイアウトそのものが崩れてしまいます(ヘッダが表示されなくなくなり、背景の色も変わってしまいます)。ご教授願えれば幸です。

  • #2

    liyuan (水曜日, 29 12月 2010 08:15)

    ここの解説は独自レイアウトの初期状態からの差分だけ書いています。
    ヘッダや背景色とは関係がないはずなので、別の項目との兼ね合いでそのような状態になっているのではないでしょうか?
    #contentのサイズが内容より小さいとか、書く順番とかが考えられます。
    marginとpaddingもチェックされてはいかがでしょうか?

  • #3

    gaku-web (水曜日, 29 12月 2010 23:30)

    ありがとうございます。独自レイアウトからの差分を了解しておらず、改めて独自レイアウトの基礎を読んで納得致しました。ご面倒をおかけ致しました。