- ベストアンサー
インラインフレームとスクロールバーがうまく表示されません。
http://www.geocities.jp/mitibata_sketch/b_top.htm を管理している者です。 上記のページの「GALLERY」と、 「GALLERY」→「WORK」「PRESENT」 のフレームの境界線が他のページより低く？なってしまいます。 画像は思った通りに表示されているのですが。 あと、 http://www.geocities.jp/mitibata_sketch/gallery_works1.htm http://www.geocities.jp/mitibata_sketch/gallery_pre1.htm のスクロールバーが変わっていないのはなぜでしょうか？ http://page.freett.com/kanacocco/b_top.htm ですと、全部のページが思うように表示されているのですが。 ちなみにDreamweaverMX2004で作成しています。 文章だとうまく説明できないので（タグを貼ると長くなりますし）、 HPをそのまま掲載しました。 HPの内容についてはお気になさらず（笑）。 自分でも原因がわからないなら最初から作るな！ という意見もあるとは思いますが、 なにとぞよろしくお願い致します。
- kanacocco
- お礼率92% (77/83)
- レンタルサーバ・ASP
- 回答数3
- ありがとう数11
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#2です。 >どこの高さが指定されていないのでしょうか？ >「GALLERY」→「WORK」「PRESENT」 >のフレームの境界線が他のページより低く？なってしまいます。 の部分です。他のページのtableタグにはheight（高さ）が設定されているのに、 これらのページのtableには指定されていません。 あと、スクロールバーや広告の問題に関しては、DOCTYPE宣言の宣言関連と スタイルシートがネックになっているのだと思います。 メモ帳で開いてタグの整理整頓をしましょう。 本当は書いてたほうがいいんですが、自動広告のサーバーなら DOCTYPE宣言をはずして<html>からにするなど ちゃんと広告表示されるように工夫したほうがいいです。 でないと万一サーバー側から削除されても文句言えませんよ。 スタイルシートに関しては、今現在 <STYLE type="text/css"> <!-- 中身 } --> </STYLE> <STYLE type="text/css"> <!-- 中身 --> </STYLE> とSTYLEのタグが繰り返されていますよね。 これを一つにまとめてください。 <STYLE type="text/css"> <!-- BODY { background-image : url(gallery_present.jpg); background-position: 100% 100%; background-repeat: no-repeat; background-attachment: fixed; background-color:white; scrollbar-face-color:white; scrollbar-track-color:white; scrollbar-arrow-color:white; scrollbar-3dlight-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-darkshadow-color:white; border-width : 1px 1px 1px 1px; border-style : solid solid solid solid; border-color :gray; } a{ cursor:crosshair; text-decoration:none; } --> </STYLE> 一例としては↑とかかな。 text-decoration:noneなど、最後に;がついてないのもありましたが ついてないならつけた方が良いですよ。 もうちょっと高度になればもっと違う方法があるのですが難しいです。 また、設定が長くなるようでしたら外部呼出しがオススメします。 私は作成ソフトで作ったページをメモ帳で編集してます。 作成ソフトは便利なのですが、タグ問題もありますよね。 デザインにこだわればこだわるほど奥が深いです。難しいです。 お互い頑張りましょう。
その他の回答 (2)
- setuka
- ベストアンサー率46% (72/154)
>フレームの境界線が他のページより低く？なってしまいます。 height（高さ）が指定されていません。 stylesheetの指定が繰り返しあるのでstylesheet.cssファイルを作って外部呼出しした方がいいかも。 <!--から-->以外の中身をメモ帳に貼り付けてstylesheet.cssで保存。 <link rel="stylesheet" href="stylesheet.css" type="text/css"> で呼び出してみては? 後は</HTML>で閉めた後にジオの広告タグがあるけど、これやっちゃ駄目ですよ。 ちゃんと<body></body>内に入れましょう。 つーか、</HTML>で閉めたら何も書いちゃだめなんです。
補足
回答ありがとうございます。 大変申し訳ないのですが、どこの高さが指定されていないのでしょうか？ b_top.htmで、インラインフレームの高さは指定しているので。。 問題のあるページの、境界線のスタイルシートのところでしょうか？ 無知ですみませんが、よろしくお願い致します。 あと、ジオの広告タグは、自分でいじくっているのではなくて、 FFFTPでアップロードすると、自動でその位置に入ってしまうみたいです。
- kikanbo
- ベストアンサー率31% (44/139)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> が入ってるとか？ HTMLソースを比較するとわかりますよ。
お礼
大変丁寧なご説明、ありがとうございました。 いろいろと勉強しながら管理しようと思います（＾＾； とりあえず、試行錯誤の末なんとか問題は解決しました。。 ありがとうございました。