(HTML,CSS)Paddingとmarginが消える

Question

ソースコードは事情があって出せないのですが、ファイルからローカルで開いたらきちんと表示されるPaddingとmarginの余白がxdomainのレンタルサーバにftpでアップロードしたらなぜか消えるのですが、解決策はありますか？

Answer 1

ソースがないので注意点として挙げます。

• cssの読み込みパスが相対ではなく、Windowsのフルパスになっている。

→ 相対パスになおす

• ftpのアップロードがテキストモードになっていて、書き換えられている。

→ バイナリモードでアップ

• cssとhtmlの文字コードが違う

→ 文字コードを合わせる

Answer 2

• ファイル名が日本語表記などになっているためアップロード後読み込めていない
• リセットcssが当たっており初期化されている
• そもそもFTPでのアップロードに失敗している

原因はいくつも考えられますが、いずれにせよkei344さんも仰っている通りデベロッパーツールで確認するのが早いと思います。

Answer 3

######1.スーパーリロードを試す

【【みんなの知識 ちょっと便利帳】Webページを最新の状態で見る - ブラウザーのフルリロード、スーパーリロード方法】
http://www.benricho.org/Tips/page_reload/

【Chromeブラウザでスーパーリロードする方法 #Pistatium】
http://kimihiro-n.appspot.com/show/86002

---

######2.デベロッパーツールで調べる
デベロッパーツールで、
0. 要素が間違っていないか
0. スタイルシートのパスが間違っていないか
0. そもそも正しくアップロードしたものを見ているのか（アップロードの失敗もしくはキャッシュ）

など調べてください。

【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01

【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2