フレームで上と左右の3つに分けています。
下記のように、左によってしまいますが、
フレーム分けした場合は仕方ないのでしょうか?
http://www.twinklecloset.com
下記のHPのように、全体を中央表示したいのですが、
http://www.seven-rag.com/sr.html
もし分かる方、ご指導ください。
余白の背景は黒にしたいと考えています。
No.4ベストアンサー
- 回答日時:
参考となるサイトがあるのなら、そのサイトのソースをまずは見てみましょう。
それだけで回答を得ることも出来ますよ。さて、参考サイトのフレームですが、以下のような作りになっています。
<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 …
No.3
- 回答日時:
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>
No.1
- 回答日時:
こんなかんじでしょうか?
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 …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- Excel(エクセル) この記号、手短(テミジカ)に日本語/英語で何と称されますか? 1 2022/07/25 16:12
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- 人類学・考古学 古墳の実測図の見方について 3 2023/07/01 17:33
- 筋トレ・加圧トレーニング 授業中/勤務中の筋トレ。 授業中や、デスクワークの仕事中にあまり目立たない筋トレを考案したので、評価 4 2022/07/31 04:55
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
- その他(ソフトウェア) 「.movpkg」「.m3u8」ファイルを「.mp4」に変換できるお勧め有料ソフトをご教示ください 1 2022/10/20 11:04
- 物理学 走行中の電車内の光の見え方について 3 2022/05/19 06:34
- その他(Microsoft Office) googleスプレットシートで左右の数値を比較して色判別させたい 2 2022/06/06 18:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
td width="180" と固定してるの...
-
tableタグとformタグの組み合わせ
-
ブラウザの文字サイズを変える...
-
Firefoxを使ってるのですがズー...
-
ブラウザ上でのタブ・シフトタ...
-
太字にするやり方
-
テーブルのセル内の隙間を取れ...
-
同じクラス名はつけないほうが...
-
4カラムのテーブルに絶対幅と相...
-
IEだけの現象 form内の部品が...
-
tableにul,または,olを入れられ...
-
テーブルとテーブルの間隔について
-
HTMLエラーを自動修正するソフ...
-
TABLEのセルの中の文字を行単位...
-
テーブルの行を折りたたみたい...
-
線が一番細いテーブル
-
テーブルの装飾
-
テーブルのセルに画像をピッタ...
-
テーブルの位置を細かく指定し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
XHTMLに関する質問 順序が逆に...
-
Tableタグ内のspan styleが適応...
-
Tableタグで作成した表の縮小
-
ブラウザによってテーブルのセ...
-
cssで、テーブルのtdの中の文字...
-
td要素内のdiv要素をセンタリン...
-
vbscriptで時計を作りたい
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
テーブルの枠線に色が付かない
-
divで囲んだ文字が消える
-
TDタグ内での均等割付の仕方
-
表とリスト(ulとtable)の違い...
-
firefoxで「height: 100%;」と...
-
<img>タグにCSSのclass設定可能?
おすすめ情報