質問: cssで左右の固定について まず、以下css body { text-align:center; } #page { width:760px; margin:0 auto; text-align:left; } #header { width:100%; text-align:center; height:65px; } #header2 { width:750px; line-height:35px; background-color:#ff00ff; } .pageyohaku { margin:0 10px; } .main {width:570px; float:right; background-color:#e0ffff;} .submenu { width:170px; float:left; background-color:#ffc0cb;} .c-both { clear:both; } .footer1 {width:100%; text-align:left;line-height:15px;background-color:#24cf00;clear:both;} .footer2 {width:100%; text-align:center;line-height:15px;background-color:#dcdcdc;clear:both;} .link {color:blue;} --------------------------- 次にhtml ホームページ このページはします 本日はようこそ 本日はようこそ 本日はようこそ 本日はようこそ 本日はようこそ 本日はようこそ 本日はようこそ リンク リンク リンク リンク リンク リンク 最下層メニュー項目 コピーライト 以上のように外部指定で作成したのですが760pxよりブラウザの 幅を狭くするとレイアウトが崩れてしまいます。 何が悪いのでしょう、誰か教えてください。 大きすぎると左のリンクが外へはみ出る感じになりますが とにかく幅は固定し、左右に分かれる「main」「submenu」を pageの枠にはめてブラウザのウィンドウを小さくしても 変化しない(崩れない)レイアウトを望みます。 調べてもほとんど同じ書き方で崩れないところもあるので どこが悪いのかわかりません。 わかりやすいようにメモも付けて整理してみたのですが どなたかお願いします。
回答: コメント部分を から /* メインのフレーム指定 */ などに変更してみてください。