人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のページをInternetExplorerで開くと「DTPニュース…」とか書いてある帯の上に白い空白が開いてしまいます。

http://blog.ddc.co.jp/mt/dtp/

FireFoxやSafariでは白くあいてしまいます。
スタイルシートで「bodyのmarginも0px;」にしているつもりですがなぜ白くあいてしまうのでしょうか。なにかDIVなどの設定がおかしいのでしょうか。

解決策を教えてください。

●質問者: jdash2000
●カテゴリ:コンピュータ
✍キーワード:BODY DTP firefox InternetExplorer margin
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● hnd_info
●20ポイント

http://blog.ddc.co.jp/mt/dtp/

DTPサポート情報

<body>


<div id=”container”> ← これは何ですか? これを取ってみて下さい。


<div id=”topbar” style=”background-color: #DDEEFF;margin:0px 1px;padding:2px 20px;border-top:1px #0099FF solid;border-bottom:1px #0099FF solid;font-size:x-small;font-weight:bold;”>

<p align=”right” style=”margin:0px;”>

<a href=”http://www.ddc.co.jp/dtpnews/”>DTPニュース</a> |

◎質問者からの返答

外しても直りませんでした…。(</div>も取りました)

#<div id=”container”>はMovableTypeのデフォルトテンプレートにあったと思います。

Six Apart - Movable Type: デフォルト・テンプレート

http://www.sixapart.jp/movabletype/default_tmpl.html#main-in...


2 ● pasosavi
●10ポイント

http://www.mozilla-japan.org/catalog/web-developer/css/

Mozilla 資料 - Web 開発: CSS

仕様、かもしれませんね…


> 「DTPニュース…」とか書いてある帯

これを一番上でなく、ロゴの下に置いたらどうでしょう?

テーブルで仕切って詰めたら一発のような


※でなければそのままテーブルに載せてしまうか

◎質問者からの返答

んー、テーブルですか。帯の部分だけならちょっとやってみたんですけどねぇ。なんかあいちゃうんですよね。

全部をテーブルで囲うってのはまだやってないのですけど、何かイヤです(ゴメンなさい)。


3 ● cinZano
●10ポイント

http://css.uka-p.com/reference_margin.shtml

CSS簡易リファレンス - 余白関連

body{padding:0px;}を足してみてください。

◎質問者からの返答

ダメでした。原理的にはOKなはずなんですけどね。

ちなみにCSSではすべてのオブジェクトの余白は0にリセットしてあります。

* {

margin: 0;

padding: 0;

font-style: normal;

}


4 ● 水無
●40ポイント

http://www.tohoho-web.com/wwwxx005.htm

文字化けしないようにするには

文字化け対策でしょうか?

回答者1さんが書かれた18行目あたりの「<DIV id=container>」タグの後ろに

0xFEFFの非表示文字が居ます。

IEはこれを無理やり表示して一行使い、Firefox等は無視しているためのようです。

非表示文字をHTMLコメントでくくってやると、余白はなくなると思います。

(ローカルでは確認済み)

◎質問者からの返答

Firefoxのソース表示では文字なんかない…と思ってInternetExplorerのソース表示で見たら確かにありますね。なんだこりゃ…。

実は<DIV id=”containe”>のあとの問題の帯の部分は

<$MTInclude file=”●●”$>

というMovableTypeのタグで他のファイルを差し込んでいたのですが、この差し込んでいたファイルの文字コードが不適切な文字コードだったために「0xFEFF」が入ってしまったようです。

調べてみたらUTF-8で保存していると0xFEFF(=BOM)が入ってしまい、UTF-8N(=BOMなしのUnicodeファイル)で保存すれば問題はない、というようですね。差し込むファイルをUTF-8Nで保存して再構築をしたら空きがなくなりました!

すばらしい! ありがとうございました!

【参考】

Windows 2000上でのUTF-8のページの作り方

http://homepage2.nifty.com/hobbit/html/utf8.html#bom


5 ● mj99
●20ポイント

http://www.hatena.ne.jp/1127354749#

人力検索はてな - 以下のページをInternetExplorerで開くと「DTPニュース…」とか書いてある帯の上に白い空白が開いてしまいます。 http://blog.ddc.co.jp/mt/dtp/ FireFoxやSafariでは白く..

25行目付近の


<div id=”topbar”


の先頭の空白を削除してください。なにか変な文字です。


あと1100行目付近にDIV閉じがひとつ多いです。

◎質問者からの返答

前の回答と同じBOMってやつですね。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ