プロが教えるわが家の防犯対策術！

safariで見るとページ上部に余白ができてしまう

締切済

  • 質問者：kuronekoriri
  • 質問日時：
  • 回答数：1件

以下のhtmlとcssをChromeで見るとページ（サイト）上部に余白がないのですが、Safariで見ると余白ができてしまいます。どうやったら上部（と下部）の余白がどのブラウザでも表示されないようになりますでしょうか？初歩的な質問で申し訳ありませんがネットで検索してもわからなかったので、宜しくお願いいたします。

[html]

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="index.css" />
<title></title>
</head>

<body>
<div id="wrap">
<div id="inner">
<div id="header">
<img src="image_basic/logo.png" width="450" height="140" alt="veggietimeslogo" />
<img src="image_basic/slide.jpg" width="920" height="450" alt="slide2" />
</div><!-- /header -->

<div id="mainwrap">

<div id="firstwrap">
<p>ここは一段目<br />ここは一段目<br />ここは一段目</p>
</div><!-- /firstwrap -->

<div id="middlewrap">
<p>ここは二段目<br />ここは二段目<br />ここは二段目</p>
</div><!-- /middlewrap -->

<div class="clear"><hr />
</div><!-- /clear -->

</div><!-- /mainwrap -->

<div id="sidewrap">
<p>ここはサイドバー<br />ここはサイドバー<br />ここはサイドバー</p>
</div><!-- /sidewrap -->

<div class="clear"><hr />
</div><!-- /clear -->

<div id="footer">
</div><!-- /footer -->
</div><!-- /inner -->
</div><!-- /wrap -->
</body>
</html>


[css]

@charset "UTF-8";
/* CSS Document */

body{
background-color:#000000;
text-align:center;
margin:0;}

#wrap{
background-color:#ffffff;
margin:0 auto;
width:960px;
text-align:left;}

#inner{
margin:0 20px;}

#mainwrap{
float:left;
width:610px;}

#firstwrap{
float:left;
width:300px;}

#middlewrap{
float:right;
width:290px;}

#sidewrap{
float:right;
width:290px;}

.clear{
clear:both;}

.clear hr{
display:none;}

p {
font-family:Tahoma, Geneva, sans-serif}

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： weakweak
  • 回答日時：

body要素に余白ゼロを設定すると良かった気がします。


http://q.hatena.ne.jp/1294360314
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

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

Q質問する（無料）

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

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

おすすめ情報