- ベストアンサー
フレーム分けしたHPを中央表示したいのですが、分かる方ご指導ください。
フレームで上と左右の3つに分けています。 下記のように、左によってしまいますが、 フレーム分けした場合は仕方ないのでしょうか？ http://www.twinklecloset.com 下記のHPのように、全体を中央表示したいのですが、 http://www.seven-rag.com/sr.html もし分かる方、ご指導ください。 余白の背景は黒にしたいと考えています。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
参考となるサイトがあるのなら、そのサイトのソースをまずは見てみましょう。それだけで回答を得ることも出来ますよ。 さて、参考サイトのフレームですが、以下のような作りになっています。 <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/hp7.html これで、真ん中のフレームを自動的に中心におくことができますよ。
その他の回答 (4)
- idhokanohi
- ベストアンサー率45% (9/20)
No.03です。 フレームの枠ですか？ んー・・・あ、テーブルのborder=3pxのところのことかな？ これを0にすればいいんじゃなかったかな。 これぐらいは、自分でがんばってみてほしい・・・
お礼
有難うございました!!
- idhokanohi
- ベストアンサー率45% (9/20)
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>
お礼
ご丁寧なご返答有難うございます。 フレームの枠が表示されますが、 表示しない場合のタグがあれば、場所とタグを教えてください。
全体を<center></center>で区切ったらどうでしょうか？ できなかったらすみません。
- idhokanohi
- ベストアンサー率45% (9/20)
こんなかんじでしょうか？ 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.html
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
有難うございます。 ３つに縦にフレームを分けるのですね！ やってみます。