mainのボックスを左に寄せたい

http://www.geocities.jp/totti_asroma1927/index.h …
http://www.geocities.jp/totti_asroma1927/css/sty …
mainボックスが余分に左に出てるので、subボックスの左に出てる分を寄せたいんですがどうすればいいでしょうか？

No.3 ベストアンサー 回答者： fujillin 回答日時： 2008/12/15 14:55

ブラウザの幅は可変なので、left、rightで指定すると、全体の幅のleft、rightでレイアウトされるために、ご質問のようなことが起こります。

そのままで、レイアウトするには・・・mainもfloat:left;にしておいて、HTMLでの表記をsub、mainの順にしてあげれば、全体を左寄せにすることが可能です。（CSSの趣旨からはちょっとはずれているかも）
ただし、この場合、ブラウザの幅を狭くすると、subとmainが縦に並んでしまうということが起こり得ます。

これを回避するには、全体（またはsubとmain）を<div>で囲って、幅を指定（borderなしでwidth:760）してあげれば、指定した幅が確保されることになるので、ブラウザの幅を狭くしても上下にずれてしまうことがなくなります。

No.2 回答者： se-nabe 回答日時： 2008/12/15 14:37

float:left;

にしたらいいと思います。

No.1 回答者： reverie013 回答日時： 2008/12/15 13:24

mainとsubを<div></div>で囲って、囲ったボックスのwidthを

調整してみてはいかがでしょうか？