- ベストアンサー
したまで続けたい
http://www.efanguide.com/~lillix/ こんなページで1番下までフレーム?テーブル?がくっついてるようなものをつくりたいと思っています。 ソースをみようとしたんですがなぜか見れませんでした。
- みんなの回答 （9）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＞BORDER-RIGHT: white 0px solid; BORDER・・・ の意味は何なんでしょうか? まず、『BORDER-***:・・・』 これはインラインフレームのボーダー（枠線）の指定です。 すべて（上下左右）カラーを白、サイズが０ピクセル、線の種類（スタイル）を実線（普通の線）に指定しています。 サイズが０になっていますので、ボーダーは表示されませんのでカラーと線の種類の指定は無意味な気がしますが・・ 本当に無意味なのか、何か理由があるのか（何かのブラウザに対応するためとか・・）私には分かりません。 しかも上下左右同じ指定になっていますので、 border: 0px solid #FFFFFF（whiteのこと）; これ一つで良いはずです。 『LEFT: 0px』と『TOP: 422px』はインラインフレームの表示する場所を絶対的な位置で指定しています。 ブラウザ画面の左の上から４２２ピクセルの位置に表示する・・という指定です。 『FLOAT: right』 これはインラインフレームの後に続く内容（テキストなど）を【左】に回り込ませる指定です。 （rightはインラインフレームを右に表示ということです） この指定も良く分かりませんね。 インラインフレームは左０ピクセルに指定されていますので、その左に回りこむことは出来ませんので・・。 heto2さんの言う通りこのページはあまり参考にしない方がいいと思いますよ。 私が無知なだけかもしれませんが・・。 そもそもの質問の『下まで続けたい』でしたら、 lillixbg.png このような画像を作って、それを背景に指定するだけで出来ますので・・。 ＞フレームの周りにどうしても紫の線が出来てしまいさらにスクロールバーができてしまいます。 <iframe> の中に scrolling="no" frameborder="0" を追加してみてください。 <iframe src="***.htm" width="***" height="***" scrolling="no" frameborder="0">
その他の回答 (8)
- heto2
- ベストアンサー率43% (227/525)
No,7への補足への回答 ☆オブジェクト ページ上に表示する写真、文字、IFrame、アイコン等々です。 ☆greenlillix.png これがオブジェクト（写真）のリンク先です。 ☆<div style="position:absolute;top:0;left:0"> これでオブジェクト（写真）を貼り付ける場所を決めます。 座標が（0,0）ですから写真の左上が画面の左上隅になるように貼り付けます。 ☆<img src="greenlillix.png"> 画像のリンク先です。 ☆今まで回答してくださった方の答えは・・・? 間違ったことを言っておられないと思います。 よく読めば判ると思います。 ☆参考としてはいけないページ 勉強されるのもいいですが、このページを参考にされるのは止めた方がいいと思います。
- heto2
- ベストアンサー率43% (227/525)
フレーム（IFrameを除く）もテーブルも使ってません。 試しにこんなページ作ってみれば謎が解けるでしょう。 <html><head><title>Test</title></head> <body background=http://www.efanguide.com/~lillix/lillixbg.png> </body></html> IFrame部分は高さを大きく取ってフレームが出ないようにしています。 オブジェクトの配置は次の構文を使ってますが一寸面倒です。 <div style="position:absolute;top:XXX;left:XXX"> 大きな画面で見ると、右に余分な背景画像が現れたり、下のほうの余白がだらしなく感じたりします。
こんにちは！ ＞画像はそんなに長くないのにどうして下のほうまで伸びてるんでしょうか?? これは<IFRAME>の高さの指定が<height=1500>になっているからです。 <IFRAME style="BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; LEFT: 0px; FLOAT: right; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; POSITION: absolute; TOP: 422px" name=sup src="L I L L I X F A N S O N L I N E.files/august.htm" frameBorder=no noResize width=618 height=1500></IFRAME> ＞メインページのよこの方の長い部分も同じように背景と同じアイフレームを使っているんですか? 左の太い緑の帯も右の細い緑の帯も背景画像で作られています。 ２０ピクセルぐらいの高さの画像が繰り返し表示されているだけです。 <IFRAME>の高さの指定が<height=1500>ですので、その部分が終わる所まで表示されます。 背景ですので、当然隙間は出来ませんのでくっついているようになります。 ソースを参考にしてみたければブラウザの【ファイル】→【名前を付けて保存】→【ファイルの種類】を『Webページ完全』にして保存してから、メモ帳で開いてみてください。
お礼
ありがとうございました。ソースを見ることが出来ました。それで実際に自分で試してみたんですがフレームの周りにどうしても紫の線が出来てしまいさらにスクロールバーができてしまいます。 あとBORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; LEFT: 0px; FLOAT: right; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; の意味は何なんでしょうか?
- briony
- ベストアンサー率29% (323/1090)
>画像はそんなに長くないのにどうして下のほうまで伸びてるんでしょうか 画像の緑の部分がありますが、そこに同じ横幅でインラインフレームが入っているようです。 そのフレームの中に、別の背景が緑のページが挿入されているので、ベージが長くなれば、メインのページに繁栄され下にどんどん伸びているのです。
- heto2
- ベストアンサー率43% (227/525)
>ソースをみようとしたんですがなぜか見れませんでした。 このページは一面にマップリンクが張られています。 ブラウザーを大きめに開いて、余白を右クリックして見てください。
お礼
ありがとうございます。ブラウザを最大限にして余白を右クリックしたんですがダメでした・・・。
- briony
- ベストアンサー率29% (323/1090)
補足 △その下部と同じ色をした背景のページ ○その下部と同じ色をした背景のページのインラインフレーム
- osamuy
- ベストアンサー率42% (1231/2878)
<body background=http://www.efanguide.com/~lillix/lillixbg.png> ――と、背景画像でやっているようで。 でもかなり文法違反しているソース。
- briony
- ベストアンサー率29% (323/1090)
このページは、フレームやテーブルではなく 写真を含めた大きめの画像とその下部と同じ色をした背景のページの組み合わせです。 テーブルでやる場合は、 <html> <head> <title> 題名 </title> </head> <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0"> <table border="0" height="100%" width="550" cellpadding="0" cellspacing="0"> <td bgcolor="green" height="20%"> </td> <tr> <td bgcolor="orange" height="80%"> </td> </table> </body> </html> こんな感じでしょうか。
お礼
ありがとうございます。 また質問なんですが画像はそんなに長くないのにどうして下のほうまで伸びてるんでしょうか??メインページのよこの方の長い部分も同じように背景と同じアイフレームを使っているんですか?
お礼
お返事ありがとうございます。 フレームもテーブルも使ってないんですか?! 今まで回答してくださった方の答えは・・・? あとすみません。オブジェクトの意味が良くわからないんですが・・。
補足
またまたすみません。この背景と http://www.efanguide.com/~lillix/greenlillix.pngの画像が2つありますがこれをどんな風に組み合わせているんでしょうか?