すみません､説明不足でした･･･｡
女の子がいますよね？その隣の枠？のようなものの作り方です｡

今回の質問は､以前の質問のhttp://q.hatena.ne.jp/1350395581の続きでしょうか？
『ｱﾆﾒｷｬﾗが横に浮き出ていたりするもの』の状態が良く分かりませんが､記事本文のｽｸﾛｰﾙを記事表示部分のｽｸﾛｰﾙﾊﾞｰで行い､背景画像はｽｸﾛｰﾙされず常に同じ部分が見えている状態を指すのでしたら､次のようにしてみてください｡
※どちら側の事か分かりませんが､記事本文もﾒｯｾｰｼﾞの枠も同じ方法で実現できます｡


【※ 準備 ※】

ｱﾒｰﾊﾞﾌﾞﾛｸﾞでﾃﾞｻﾞｲﾝを編集するには､｢CSS編集用ﾃﾞｻﾞｲﾝ｣を適用している必要があります｡
｢ﾌﾞﾛｸﾞ管理｣画面で｢ﾃﾞｻﾞｲﾝの変更｣にｱｸｾｽした時に､｢適用中のﾃﾞｻﾞｲﾝ｣のﾃﾞｻﾞｲﾝ名が｢CSS編集用ﾃﾞｻﾞｲﾝ｣で下に｢CSSの編集｣ﾘﾝｸがない場合は､まず先に画面下の｢ｶｽﾀﾑ可能｣ﾎﾞﾀﾝをｸﾘｯｸして､｢CSS編集用ﾃﾞｻﾞｲﾝ｣をｸﾘｯｸして表示を確認後､ﾃﾞｻﾞｲﾝを適用してください｡
※適用するﾃﾞｻﾞｲﾝの変更完了後､そのまま｢CSSの編集をする｣ﾎﾞﾀﾝをｸﾘｯｸするか､あるいは｢ﾃﾞｻﾞｲﾝの変更｣ﾍﾟｰｼﾞで｢CSSの編集｣ﾘﾝｸをｸﾘｯｸして､CSS編集画面にｱｸｾｽしてください｡
※背景画像は自分で用意する必要があります｡CSSの編集画面上部にある｢ｱｯﾌﾟﾛｰﾄﾞ｣ﾎﾞﾀﾝから使用する画像のｱｯﾌﾟﾛｰﾄﾞが可能です｡
幅1000px × 高さ650px程度の大きさで､ｷｬﾗｸﾀｰｲﾗｽﾄの他に､記事表示部分の背景(枠)が描かれた画像を用意してください｡(もし必要でしたら､ｷｬﾗｸﾀｰの横に吹き出しを描いてください｡※吹き出しでなくても､ﾒｯｾｰｼﾞ表示部分の背景(枠)となるようなものでしたら大丈夫です｡)
※吹き出しのﾒｯｾｰｼﾞや下に表示されている規約は､ﾌﾘｰｽﾍﾟｰｽを使用しています｡
もしﾒｯｾｰｼﾞ等を表示したい場合は､ﾌﾘｰｽﾍﾟｰｽに入力して､｢配置設定｣で｢使用する機能｣の欄に配置して置いてください｡(一部を除いてHTMLも入力できます｡)
※参考ﾌﾞﾛｸﾞでは､ﾌﾘｰｽﾍﾟｰｽと広告(規約によって非表示等は禁止)以外は表示していないようです｡ﾌﾟﾛﾌｨｰﾙやｶﾚﾝﾀﾞｰなどの機能を表示する場合は､右ｻｲﾄﾞﾊﾞｰに配置して広告と一緒に表示するか､｢使用しない機能｣に移動して停止した方がいいかもしれません｡


｢ﾌﾞﾛｸﾞ管理｣画面→｢ﾃﾞｻﾞｲﾝの変更｣→｢CSSの編集｣にｱｸｾｽしてCSSを変更します｡
･ｱｯﾌﾟﾛｰﾄﾞした画像を背景に指定します｡(※記述追加)

.skinFrame2 {
 position: relative;
 width: 1000px !important; /* 背景画像の幅を指定 */
 height: 650px; /* 背景画像の高さを指定 */
 margin: auto;
 margin-top: 5px;
 background-image: url(画像のURL);
}

※画像のURLは､ｱｯﾌﾟﾛｰﾄﾞした画像の下の｢この画像のﾊﾟｽ｣欄からそのままｺﾋﾟｰして貼り付けます｡

･記事表示部の背景色を透明にします｡(※元の記述を少し変更します｡)

/* skinArticle 記事ｴﾘｱ */
.skinArticle{
/* 注 ﾍﾞｰｽのcssに margin-bottom の記述有り */
padding:16px 0;
border:1px solid #dddddd;
background:transparent; /* 元の値 #ffffff; */ /* ←記事に背景を敷きたいとき */
}

･ｻｲﾄﾞﾊﾞｰの配置と背景色の透明化を指定します｡(※記述を追加)

.skinSubA {
width: 170px !important;
height: 510px;
overflow: auto;
background-color:transparent; /*背景色*/;
position: absolute; /* 配置の絶対指定 */
left: 805px; /* .skinFrame2の左端からの位置 */
top: 95px; /* .skinFrame2の上端からの位置 */
}

･記事表示部の配置を指定します｡(※記述追加)

.skinMainArea {
width: 380px !important; /* 画像の記事表示部分背景に合わせて変更 */
height: 510px; /* 画像の記事表示部分背景に合わせて変更 */
overflow: auto;
position: absolute; /* 配置の絶対指定 */
left: 400px; /* .skinFrame2の左端からの位置 */
top: 95px; /* .skinFrame2の上端からの位置 */
overflow-x: hidden;
}

※上記作業が完了すると､ほぼ参考ﾌﾞﾛｸﾞのように表示されると思います｡
ﾌｫﾝﾄｻｲｽﾞや細かい配置等は､画像に合わせて好みで変更してください｡


※記事表示部など､特定の位置に表示したい各要素の配置方法はpositionによって指定し､topとleftで指定しています｡
http://www.tagindex.com/stylesheet/box/position.html
http://www.tagindex.com/stylesheet/box/top_right_bottom_left.html

※枠を作る各ﾎﾞｯｸｽの幅と高さは､それぞれwidth､heightで指定して大きさを固定表示し､overflowによってはみ出る(ﾎﾞｯｸｽ内に収まらない)要素の表示方法を指定しています｡
http://www.tagindex.com/stylesheet/properties/width.html
http://www.tagindex.com/stylesheet/properties/height.html
http://www.tagindex.com/stylesheet/properties/overflow.html