dポイントプレゼントキャンペーン実施中！

画面左上に出る微妙な空白の消し方

解決済

  • 質問者：karin14
  • 質問日時：
  • 回答数：4件

ホームページを作成していて、フレームを上下に分けて
上の小さいフレームにぴったりの大きさのロゴを作りました。
そこでページを表示させてみたら画像（というかページ）の左上に縦横5mmずつくらいの空白が出ていて、
画像がフレームからはみ出してドラッグしなければ完全に表示されなくなってしまいます。
同じような感じでフレームの中のページ単体では空白が出来ていても
くっつけるときちんと空白が埋まっている方もいて（ソースを拝見したんですが、よく分からなくて…）
もしぴったり画像を表示出来る方法がありましたらお教えいただきたいと思います。
＊
背景画像を繰り返している上に透過GIFのロゴを乗せているので、
ロゴ画像自体を背景に設定して左上に固定…という方法以外でお願いします…

通報する

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

質問の本文を隠す

A 回答 (4件)

No.4ベストアンサー

  • 回答者： abril
  • 回答日時：

> <frameset rows="40,*" border="0">



上記の「上の小さいフレーム」に表示させている「背景画像を繰り返している上に透過GIFのロゴを乗せている」HTMLファイルがある筈ですね？
仮にそのHTMLファイルの名前を"top.html"とします。

"top.html"には、<img src="images/logo.gif" alt="ロゴ" width="214" height="40">という様な感じでロゴ画像が参照されているものと思います。であれば、この"top.html"のbodyの余白（ディフォルトではUA依存の余白ができます）をCSSで0に初期化してやる必要があります。CSSは使われていますか？以下は一例です。

【top.html】サンプル
----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
（省略）
<title>サンプル</title>
（省略）
<style type="text/css">
<!--//
body {
marign: 0;
padding: 0;
}
-->
</style>
</head>

<body>

<img src="images/logo.gif" alt="ロゴ" width="214" height="40">

</body>
</html>
----------------------------------------------------------------------

こんな感じです。<style type="text/css">～</style>部分はできる限り外部スタイルシートにして管理する方が望ましいですが。
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
CSSは使っていなかったので分からないことだらけで…。
自分なりにいろいろ調べたり試行錯誤していて
head内で
<!--//を<!--に、
marignをmargin（タイプミスでしょうか）に変えてみたら
無事表示することが出来ました。本当にありがとうございます。

通報する
お礼日時：2008/07/16 17:34

No.3

CSSで画像自体に「margin:0px;」で指定したら如何でしょうか？

    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
CSSは使っていなかったので弄ってみたのですが
あまり私には使いこなせないようで…　！
すみません。しかしhead内に組み込んだら表示することが出来ました！

通報する
お礼日時：2008/07/16 17:30

No.2

  • 回答者： gityotan
  • 回答日時：

<frameset （略）frameborder="0" framespacing="0">


か、
<frame src="上のファイル名.html" marginwidth="0" marginheight="0">
で、どうでしょうか。
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
どちらも試してみたのですが、駄目みたいでした。（やり方が悪いのかもしれません…）

通報する
お礼日時：2008/07/16 17:01

No.1

  • 回答者： ddg67
  • 回答日時：

あなたのパソコンのモニターの大きさと、ブラウザの表示領域の大きさをちゃんと考えて、元画像を作ってありますか？

この回答への補足

えっと、フレームは%指定ではなく
<frameset rows="40,*" border="0">というようにして、
プリントスクリーンなどで大きさも確かめて214x40のものを作ったので
大きさに関しては多分大丈夫だと思います…

補足日時：2008/07/15 21:52
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございました！
無事表示することが出来ました。

通報する
お礼日時：2008/07/16 17:35

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

Q質問する（無料）

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

Q質問する（無料）

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

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

おすすめ情報