サイドメニューとメインの左右入れ替え（ＣＳＳファイル）

質問

あるテンプレートを利用しようと思っていますが、左メニューの配置を右メニューの配置にしたいと思っています。
メニューボックスとメインボックスの入れ替えは出来たのですが、フレームの入れ替えが出来ません。
以下のスタイルシートですが、どのようにすればよろしいのでしょうか。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
/*ページ全体の指定*/
*{
margin:0;
padding:0;
font:100% "ＭＳ ゴシック","Osaka",sans-serif;
}

body{
background:url("img/bg.gif") repeat-y center;
color:#333333;
font-size:84%;
}

/*ページの輪郭*/
#flame{
width: 780px;
margin:0 auto;
}

/*ヘッダ*/
#head{
background:url("img/headbg.gif") top repeat-x;
}
/*サイト名前：ロゴを入れたりしてください*/
#logo{
font-size:30px;
padding:20px;
font-family:Arial Black;
}

/*ヘッダメニュー*/
#headmenu{
width:780px;
background:#133D76 url("img/headbg.gif") bottom repeat-x;
color:#ffffff;
padding-bottom:7px;
margin-bottom:5x;
}
#headmenu ul{
width:780px;
list-style:none;
}
#headmenu li{
width:100px;
float:left;
background:url("img/headmenubg.gif") no-repeat right;
text-align:center;
padding:5px;
}
#headmenu li a{
text-decoration:none;
color:#ffffff;
}
#headmenu li a:hover{
}
/*サイドとメインのブロックを囲む*/
#center{
width:780px;
background:url("img/centerbg.gif") repeat-y;
}

/*サイドのブロック*/
#box_side{
width: 200px;
float: right;
}

.menu{
width:178px;
margin:20px 10px 0px 10px;
}

h3{
height:20px;
font-weight:bold;
background:url("img/menut.gif");
color:#ffffff;
padding:6px 0 0 20px;
}
#box_side ul{
background:#ffffff;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-top:3px;
padding-bottom:3px;
list-style:none;
}
#box_side li{
background:url("img/listbg.gif") no-repeat 0 50%;
padding:0 0 0 15px;
margin:3px 0 3px 15px;
}
#box_side li a{
text-decoration:none;
color:#092853;
}
#box_side li a:hover{
color:#E72137;
}

/*メインのブロック*/
#box_main{
width: 580px;
float: left;
}

/*右のタイトル部分*/
h1,h2{
font-size:120%;
font-weight:bold;
background:#ffffff url("img/maintbg.gif") repeat-x bottom;
padding:10px;
}

/*メインの記事の部分*/
.main{
background:#F7F5F5;
border:1px solid #cccccc;
margin:20px;
}

/*本文をくる*/
p{
margin:10px;
line-height:150%;
}

/*引用文*/
blockquote{
line-height:150%;
border:1px solid #cccccc;
background:#eeeeee;
margin:10px;
padding:5px;
}

/*著作権表示の部分つまりフッタ*/
#foot{
border-top:1px solid #666666;
padding:10px;
}

#foot a{
color:#333333;
text-decoration:none;
}
#foot a:hover{
text-decoration:underline;
}
.both{
clear:both;
}

回答No.1

mmcblue · ベストアンサー

フレームの位置は変えられたけど、中身が変わらない（メニューのところにメインがあるけど、機能的に反応しない）ということですか？
フレームの名前は変えましたか？
もしメニューがあったところにメインを持ってきたのなら、メニューがあったところのフレーム名もメインのフレームの名前にしなければ反応しません。
逆に、メインがあったところのフレーム名をメニューにしなくちゃいけません。

…と、ザッと質問内容とタグを眺めて解釈したのですが…どうでしょう

お礼

サイドのブロックは
/*サイドのブロック*/
#box_side{
width: 200px;
float: right;
}
を
/*サイドのブロック*/
#box_side{
width: 200px;
float: left;
}
にして
メインのブロックは
/*メインのブロック*/
#box_main{
width: 580px;
float: left;
}
を
/*メインのブロック*/
#box_main{
width: 580px;
float: right;
}
にして出来たのですが、そのバックにフレームがあるようで
メニューブロックの背景画像が揃わなかったのです。
フレームの名前ということですか。
HTMLファイルの方に記載があると思うので、探してみます。
ありがとうございます。