このページをクリップ


    当サイトでは3カラムのレイアウトになっているので、左右真ん中どちらかの2つを1つのdivでくるまなければなりませんが、左と真ん中のカラムを1つのカラムにくるんでいます。

    このdivをfloatで左に寄せて、右側のカラムのdivを右寄せにして3カラムのレイアウトを形成することができます。

    実際の設定

    左側のナビとメインの中央カラムを含む左よせの<div>


    float:left;
    width:645px;
    margin:0px;
    padding:0px;

    特に難しい設定ではないですね。ただ単に左、真ん中のカラムをまとまるdivなのでfloatの設定以外は幅とmargin,paddingをゼロにするくらいでOKでした。

    このdivの幅は左、真ん中のカラムの幅の合計の幅にしています。

    • サイト
    • facebook
    • twitter

    PCからタブレット、スマホまで対応いたしました。ガラケーもとりあえず対応しております。

    Macに要求するものはどれ?


    * (票)

    * (票)

    * (1票)

    * (票)

    * (票)