![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
以下の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件)
- 最新から表示
- 回答順に表示
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBAでの素数の求め方
-
【Ruby】改行挿入 文字列操作
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
リンクを知らせる手のマークが...
-
<table>の高さ固定。情報増加時...
-
リストの数字のフォントサイズ...
-
HTML属性での「""」 「''」違い
-
NからZへの全単射を具体的に構...
-
画面の分割
-
smallにtext-allignが効かない
-
widthやheightの数値に単位(px...
-
W3Cのソースコードの検証サービ...
-
IEでスクロールできない
-
<ul>~</ul>が二つ続くと間に改...
-
css初心者 フレックスボックス...
-
HTMLで組織図を作成する方法
-
指定位置に来たら要素をボーダ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
cnt <= (others => '0'); の意...
-
pythonでのカーソル移動がずれる
-
Excel VBAでのIE操作でクリック...
-
質問です。 新規登録ボタンが全...
-
safariで見るとページ上部に余...
-
vbaでieを操作しようとしていま...
-
VBAでの素数の求め方
-
CSSで、何故か、「float」が上...
-
css リンクの色が全部変わって...
-
SEO 検索エンジンについて
-
Ajaxで文字列を表示したいです。
-
CSSセクレター 子孫のみに適用...
-
DIVの入れ子で、FireFoxだとレ...
-
初歩的ですが・・・
-
ワードプレスで何度消しても空...
-
検索結果がツリー状に表示され...
-
最初の文字後ろのスペースを大...
-
RubyのHTMLパーサーで複数のタ...
-
IEとFireFoxの表示の違いで悩ん...
おすすめ情報