CSSで縦三段レイアウトにして、HTML上では真ん中部分を最初に表示

質問

皆様よろしくお願い致します。
http://allabout.co.jp/internet/hpcreate/closeup/CU20041115A/
このように左、中、右で表示させる場合は
cssの使い方によってhtmlでは右を一番最初に表示させる事も可能なのは知っているのですが、

seo対策として「上、中、下」のcss縦三段レイアウトで「中」をhtml上では一番最初に表示させたいのですが可能でしょうか？

回答No.1

123isao · ベストアンサー

可能ですがfloatではできないと思います。
レイアウトをPOSITION: absolute;でやればできます。

#left{
TOP:0px;
LEFT:0px;
HIGHT:10px;
POSITION: absolute;
}
#center{
TOP:0px;
LEFT:100px;
HIGHT:10px;
POSITION: absolute;
}
#right{
TOP:0px;
LEFT:200px;
HIGHT:10px;
POSITION: absolute;
}

これだとどの順番でも表示できます。

お礼

なるほど、position: absolute;がありましたね。
やはりfloatではできないようですね。
positionの事教えていただきありがとうございました。