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

横幅600ドット程度のサイトなのですが、余白部分を下記サイトの様に処理する方法を紹介しているところがありましたらおしえてください。

http://www.hptouroku.com/
http://web.shinobi.jp/

●質問者: meron91
●カテゴリ:ウェブ制作
✍キーワード:サイト ドット
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● snowland
●10ポイント

http://www.tagindex.com/html_tag/page/body.html

HTMLタグリスト/ページ全般タグ/ページの背景色とテキスト色を指定する - TAG index

上記のサイトはbodyタグに対して背景色か背景画像を指定して余白を処理しています。

そしてコンテンツを違う背景色を持つtableタグで構成しているのでこのように見えます。

ためしに書いてみるとこの様になります。

<html>

<body bgcolor=”000000”>

<table width=”600”>

<tr>

<td background-color=”ffffff”>ああああ</td>

</tr>

</table>

</body>

</html>

これで黒い背景色の中に横幅600の白い枠が入っているよう見えます。

簡単に書いたので書き方は他にもありますが、基本はbodyタグに背景色を指定して、コンテンツは別な背景色を指定したtableタグの中に書くという事です。

注意点としてはtableの各セル(td毎が一番いいです、trに背景色を付けると正常に動作しないブラウザがあります。)に背景色をつけないと下地の色(今回の場合は黒)が透けて見えてしまいます。

こうする事で様々な色や模様がついている紙に違う背景色の紙に作ったコンテンツを貼付けた様に見えます。

http://www.tagindex.com/html_tag/table/table_bgcolor.html

HTMLタグリスト/テーブルタグ/表の背景色を指定する - TAG index


2 ● qandace
●100ポイント

http://www.tagindex.com/stylesheet/index.html

スタイルシート CSS[スタイルシートのカテゴリー一覧] - TAG index

質問者様の以前の質問に出ていた

中古車情報のページを例にさせていただきますと

方法はテーブルを使ったり色々考えられますが

cssを使った方法としてbodyに背景を設定して

<center>以下をdivタグで囲み別の色で背景を

指定する方法はいかがでしょうか。

<center>

<div class=”haikei”>


</div>

</center>


<style type=”text/css”>

<!--

body {

background-color: #CCCCFF;

}

.haikei {

background-color: #CCCCCC;

width: 600px;

}

-->

◎質問者からの返答

早速のご回答ありがとうございます。

試してみます。

関連質問


●質問をもっと探す●



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