段組をしたらメニューとメイン部分が重なってしまう

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： みゆき ： 2006/08/19（土） 21:22  ID:75AVe8Af
こんばんは。
よろしくお願いいたします。

段組をしてみたのですが表示はちゃんとされています。
ＵＲＬ
http://hal.f-cc.com/~ecstasy/tesuto.html

ところが、ビルダー上ではメニュー部分とメイン部分が重なってしまうのです。
（ホームページビルダーＶ９使用）

ＣＳＳは下記のとおりです。

body {
background-image: url(wallppr0211.gif);
margin: 0px auto;
padding: 0px;
text-align: center;
}
P{
line-height: 120%;
font-size: 15px;
}

#container {
width:780px;
}

DIV#header {
margin-top:0px;
margin-bottom: 10px;
}

div#menu {
background-color: #FFFFFF;
float: left;
width: 130px;
margin-right: 5px;
margin-left: 3px ;
}

div#main {
background-color: #FFFFFF;
float : left;
width : 630px;
margin-right: 0px;
}

div#footer{
clear:left;
width:100%;
}


h1 {
line-height: 110%;
font-size: 15px;
margin-bottom: 0px;
}

h2 {
line-height: 110%;
font-size: 15px;
margin-bottom: 0px;
}

h3 {
font-family:Verdana,Arial Black;
color: #FFFFFF;
font-size:15px;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FF9999;
line-height: 110%;
}
h4{
font-family:Verdana,Arial Black;
color: #FF9900;
font-size:15px;
margin: 0px;
line-height: 110%;
}

この現象を回避するにはどの部分を訂正すればよいでしょうか？
よろしくお願いします。
1   名前： Newのり太 ： 2006/08/19（土） 21:22  ID:ae7ZaVtj
CSSで段組すると編集画面が大きく崩れてしまうのはホームページビルダーの仕様のようです。
今のところ、ブラウザでプレビューして表示確認するしかないと思います。
2   名前： みゆき ： 2006/08/19（土） 21:22  ID:75AVe8Af
>Newのり太さん

そうなんですか・・・仕方ないですね。
ありがとうございました。
一覧へ戻る