プロが教えるわが家の防犯対策術！

フレーム分けしたHPを中央表示したいのですが、分かる方ご指導ください。

解決済

  • 質問者：aijo
  • 質問日時：
  • 回答数：5件

フレームで上と左右の3つに分けています。
下記のように、左によってしまいますが、
フレーム分けした場合は仕方ないのでしょうか？
http://www.twinklecloset.com

下記のHPのように、全体を中央表示したいのですが、
http://www.seven-rag.com/sr.html
もし分かる方、ご指導ください。
余白の背景は黒にしたいと考えています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

No.1

  • 回答者： idhokanohi
  • 回答日時：

こんなかんじでしょうか？


3フレームから2フレームになります。
<html>
<head>
<title></title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
background-image:url(../../../img/back.gif);
height:100%;
width:80%;
margin:0px auto;
}
div#main{
background-image:url(../../../img/sub-back.jpg);
border:solid 1px #760014;
border-width:0px 1px;
height:100%;
min-height: 100%;
}
body > #main {
height: auto;
}

body {text-align:center;}
.table {margin:auto;height:100%;width:800px;}/*width:800px;が全体の幅*/

-->
</style>
</head>
<body>
<table border="3" class="table" >
<tr>
<td rowspan="2" valign="top">
<a href="http://okwave.jp/qa3970095.html" target="main">New item</a><br>
Necklace<br>
Pierce<br>
</td>
<td height="1%">
送料・配送方法　お支払方法　お買い物方法　特定商取引法に基づく表記　お問い合わせ
</td>
</tr>
<tr>
<td height="100%" width="100%">
<iframe src="http://www.twinklecloset.com/cont.html" width="100%" height="100%" scroll="yes" name="main"></iframe>
</td>
</tr>
</table>
</body>
</html>



フレームについて
http://www.tagindex.com/html_tag/frame/a_target. …

参考URL：http://www.stylish-style.com/csstec/ultimate/hei …
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： hittunn10
  • 回答日時：

全体を<center></center>で区切ったらどうでしょうか？


できなかったらすみません。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： idhokanohi
  • 回答日時：

No.1です、修正しました。


<html>
<head>
<title></title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
height:100%;
width:80%;
margin:0px auto;
}
div#main{
border:solid 1px #760014;
border-width:0px 1px;
height:100%;
min-height: 100%;
}
body > #main {
height: auto;
}

body {text-align:center;}
.table {margin:auto;height:100%;width:900px;}/*widthが全体の幅*/
-->
</style>
</head>
<body>
<table class="table" border="3">
<tr>
<td rowspan="2" valign="top" width="180px"><!--←widthメニュー部分の幅-->
<a href="index.html" target="main">New item</a>
<br>Necklace
<br>Pierce
</td>
<td height="1%">
送料・配送方法　お支払方法　お買い物方法　特定商取引法に基づく表記　お問い合わせ
</td>
</tr>
<tr>
<td height="100%">
<iframe src="cont.html" scroll="yes" width="100%" height="100%" name="main"></iframe>
</td>
</tr>
</table>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご丁寧なご返答有難うございます。
フレームの枠が表示されますが、
表示しない場合のタグがあれば、場所とタグを教えてください。

通報する
お礼日時：2008/05/04 23:03

No.4ベストアンサー

  • 回答者： master-3rd
  • 回答日時：

参考となるサイトがあるのなら、そのサイトのソースをまずは見てみましょう。

それだけで回答を得ることも出来ますよ。

さて、参考サイトのフレームですが、以下のような作りになっています。

<HTML>
<HEAD>
<TITLE>seven-rag.com</TITLE>
<FRAMESET COLS="*,865,*" frameborder="0" framespacing="0"
framepadding="0">
<FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE>
<FRAME SRC="sr0.html" NAME="menu" frameborder="0"SCROLLING="no" NORESIZE>
<FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE>
</FRAMESET></head>
</html>

---------------
FRAMESET COLS="*,865,*" が問題のところですね。
中心が865、残りはブラウザサイズに合わせて自動調整となっています。
http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/h …
これで、真ん中のフレームを自動的に中心におくことができますよ。

参考URL：http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/h …
    • good
    • 0
    • 件
通報する
この回答へのお礼

有難うございます。
３つに縦にフレームを分けるのですね！
やってみます。

通報する
お礼日時：2008/05/04 23:01

No.5

  • 回答者： idhokanohi
  • 回答日時：

No.03です。


フレームの枠ですか？
んー・・・あ、テーブルのborder=3pxのところのことかな？
これを0にすればいいんじゃなかったかな。
これぐらいは、自分でがんばってみてほしい・・・
    • good
    • 0
    • 件
通報する
この回答へのお礼

有難うございました!!

通報する
お礼日時：2008/05/07 12:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報