人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記URLで記事左サイトに2cm程度の空白を(区切り縦線なし)で入れていのですが(右サイトは変更せずに)
できるでしょうか
http://katokunihiro.cocolog-nifty.com/koichis_world/

●質問者: seten
●カテゴリ:コンピュータ
✍キーワード:URL サイト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● quintia
●70ポイント

http://park17.wakwak.com/~hal/xhtml/design1.html

$B3Z$N=PMh$k%[!<%`%Z!<%8$N=q$-J}(B $B%G%6%$%sJT(B($B4pK\E*$J=q$-J}(B)

CSSの指定の仕方はご存じでしょうか?

上述のサイトのスタイルシートを確認すると、

左側のニュース部分は

<div id=”center”>

で括られていて、CSSに

#center {

margin-right: 200px;

overflow: hidden;

}

と書いてあります。

右側は

<div id=”right”>

で括ってあってCSSに

#right {

position: absolute;

right: 0px;

top: 70px;

width: 200px;

background-color: #FFFFFF;

overflow: hidden;

}

と書いてあります。

判りますか?

mainは右側に200pxのマージンで、

rightは絶対座標指定で右マージン0でwidth(幅)か200pxなのです。

#center {

margin-right: 200px;

をもう少し大きくとれば、左右に空き空間が作れるはずです。

cocologでスタイルシートを自由に設定できるかどうか今ちょっと調べられないのですが、上記の編集でうまくいくと思います。

◎質問者からの返答

ありがとうございました

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ