http://blog.ddc.co.jp/mt/dtp/
FireFoxやSafariでは白くあいてしまいます。
スタイルシートで「bodyのmarginも0px;」にしているつもりですがなぜ白くあいてしまうのでしょうか。なにかDIVなどの設定がおかしいのでしょうか。
解決策を教えてください。
No.1
329
2
20pt
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> ｜
No.2
76128
10pt
http://www.mozilla-japan.org/catalog/web-developer/css/
Mozilla 資料 - Web 開発: CSS
仕様、かもしれませんね…
> 「DTPニュース…」とか書いてある帯
これを一番上でなく、ロゴの下に置いたらどうでしょう？
テーブルで仕切って詰めたら一発のような
※でなければそのままテーブルに載せてしまうか
んー、テーブルですか。帯の部分だけならちょっとやってみたんですけどねぇ。なんかあいちゃうんですよね。
全部をテーブルで囲うってのはまだやってないのですけど、何かイヤです（ゴメンなさい）。
No.3
1895
ダメでした。原理的にはOKなはずなんですけどね。
ちなみにCSSではすべてのオブジェクトの余白は0にリセットしてあります。
* {
margin: 0;
padding: 0;
font-style: normal;
}
No.4
150
40pt
http://www.tohoho-web.com/wwwxx005.htm
文字化けしないようにするには
文字化け対策でしょうか？
回答者１さんが書かれた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のページの作り方
No.5
13838
20pt
http://www.hatena.ne.jp/1127354749#
人力検索はてな - 以下のページをInternetExplorerで開くと「DTPニュース…」とか書いてある帯の上に白い空白が開いてしまいます。 http://blog.ddc.co.jp/mt/dtp/ FireFoxやSafariでは白く..
25行目付近の
<div id=”topbar”
の先頭の空白を削除してください。なにか変な文字です。
あと１１００行目付近にDIV閉じがひとつ多いです。
前の回答と同じBOMってやつですね。
ありがとうございました。
水無
2005/09/22 14:51:46
5
5
jdash2000
hnd_info
1
1
1
外しても直りませんでした…。（＜/div＞も取りました）
＃＜div id=”container”＞はMovableTypeのデフォルトテンプレートにあったと思います。
Six Apart - Movable Type: デフォルト・テンプレート
http://www.sixapart.jp/movabletype/default_tmpl.html#main-in...