CSSテクニックコミュのCSSのデザインがウインドウのサイズで崩れてしまします

CSSでデザインしたサイトなのですがwindowのサイズをかえると崩れてしまいます。

サイトは　

http://tktktktjp.gozaru.jp/　このサイトです。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
CSSの記述はこうなっています
#lady {
font-size: 90%;
background-color: #00FFFF;
width:350px;
float:left;
}
div.main {

}
#lady h1 {
background-color:#00FFCC;
}
#boys {
font-size: 90%;
width:402px;
float:left;
background-color:#99FFFF;
}
#boys h1 {

background-color:#00FFff;
}
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
崩れたときのレイアウトも載せておきました。

コメント(4)

最初
全て
最新の40件

[1] mixiユーザー 09月26日 18:21

body要素がウィンドウ幅に連動しているからでは。妥当な挙動だと思います。

#mainを固定幅にすればいいかと。

関係ありませんがid属性のmainとclass属性のmainが混在していて混乱しないのでしょうか。

[2] mixiユーザー 09月26日 18:31

ソースの記載等はとりあえず別物としてｗ
とりあえずレイアウトの件はくろさんのレスのとうり

＞#mainを固定幅にすればいいかと。
で解決しますよ。

#main {
WIDTH: 752px;
}

サイトの内容が内容だっただけにレスするのにチョット戸惑いが．．．。

[3] mixiユーザー 09月26日 18:47

くろさん　route77さん
ご回答有難うございます。

関係ありませんがid属性のmainとclass属性のmainが混在していて混乱しないのでしょうか。
＞そうですね　気をつけます。

サイトの内容が内容だっただけにレスするのにチョット戸惑いが．．．。

＞ライブチャットって
そんなに印象わるいのでしょうか　
そんな中でもレス下さり有難うございます。

[4] mixiユーザー 09月26日 19:07

＞そんなに印象わるいのでしょうか

宣伝目的の方がたまにいらっしゃるので．．．

お疲れさまです。ｗ

ログインすると、みんなのコメントがもっと見れるよ