#wrap {
margin: 0 auto;
幅: 1150ピクセル;
text-align: 左;
背景: #FFF;
}
#content-wrap {
clear:both;
マージン: 0; パディング:0;
幅: 1150ピクセル;
}

/* header */
#header {
位置: 相対;
背景: url(../images/headerbg-green.gif) repeat-x 0 0;
高さ: 84ピクセル;
}
#header h1#logo {
位置: 絶対;
マージン: 0; パディング: 20px 0 0 300px;
フォント: 太字、3.5em、「Trebuchet MS」、Arial、Sans-serif。
文字間隔: -3px;
カラー:#CCC;
text-transform: 小文字;
/* ロゴの位置を調整するには、top と Left の値を変更します*/
top: 0; 左: 5ピクセル;
}
#header h2#slogan {
位置: 絶対;
マージン: 0; パディング: 0;
フォント: 太字 11 ピクセル「トレビュシェット MS」、Arial、サンセリフ;
テキスト変換: なし。
カラー:#FFF;
/* スローガンの位置を調整するには、top と Left の値を変更します*/
top: 48px; 左:70ピクセル;
}
#header .searchform {
位置: 絶対;
上部: 5 ピクセル; 右: 3ピクセル;
}

/* メイン 列 */
#main {
float: left;
margin-left: 15px;
パディング: 10px 0 0 5px;
幅: 900ピクセル;
境界左: 1px solid #f2f2f2;
}

.post-footer {
背景色: #FAFAFA;
パディング: 5px; マージントップ: 20px;
フォントサイズ: .9em;
境界線: 1px solid #f2f2f2;
}
.post-footer .date {
background: url(../images/ Clock.gif) no-repeat left center;
パディング左: 20px; マージン: 0 10px 0 5px;
}
.post-footer .comments {
background: url(../images/comment.gif) no-repeat left center;
パディング左: 20px; マージン: 0 10px 0 5px;
}
.post-footer .readmore {
background: url(../images/page.gif) no-repeat left center;
パディング左: 20px; マージン: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
float: left;
幅: 15%;
マージン: 0;パディング: 10px 0 0 0;
表示: インライン;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: 左;
余白: 0 0 8px 0;
パディング: 0;
テキスト装飾: なし。
font-size: 12px;
border-top: 1px solid #EFF0F1;
}
#sidebar ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
背景: url(../images/arrow.gif) リピートなし 2px 9px;
パディング: 3px 5px 3px 18px;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
font-weight: bold;
背景画像: なし。
テキスト装飾: なし。
}

/* footer */
#footer {
clear: 両方;
背景: #FFF url(../images/footerbg.gif) repeat-x 左上 ;
ボーダートップ: 1px solid #F2F2F2;
text-align: 中央;
高さ: 80ピクセル;
フォントサイズ: .9em;
}

#footer a { text-decoration: none; }


/* Alignment クラス */
.float-left { float: left;}

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* 表示クラス */
.clear { clear: both; }
.block { display: block; }
.hide { display: none; }
.green { color: #32CD32; }

左側のメニューの右側にある更新をクリックした効果をフレームフレームワークで実現できるようです。 、でも書き方がわかりません 助けてください

ディスカッションに返信（解決策）

フレームを直接使用してください

を left.html に記述します。 href="">