レンダリングの問題FireFox

私はウェブサイトを作成していますが、それはFirefoxとSafariで異なって見えます。これはウェブサイトhttp://storminacupcake.com/へのリンクで、小さな問題があることがわかります。Safariでは正常に見えますが、Firefoxではセルとの間に小さなギャップがあります。誰かが私が間違っていることを教えてもらえますか？ありがとう、アレックスレンダリングの問題FireFox

出典

2011-01-08 Alexandre Cassagne

私はあなたの問題を発見しました：あなたはレイアウトのためにテーブルを使用しています。代わりにCSSを試してください。 –

テーブルを使用せずにサイトをやり直すことをお勧めするすべての回答が正しい - これはを行うべきです。 style.cssで

は、p{margin:0 0 .1em 0}にp{margin:.0 0 .3em 0;}を変更します。

しかし、あなたはあなたが現在作業しているサイトを得るのを助けるために、ここにあなたの問題を解決します。

出典

2011-01-08 16:58:29 thirtydot

私はもともと '.2em'を書いていましたが、IEでそれをチェックしましたが、それでもやはり間違っていました。Safem、Firefox、IE、Chromeで受け入れられるようになりました – thirtydot

ありがとうございます！私はすべての回答に感謝しても、私は問題を解決したのでこれを選択しましたが、あなたの答えはすべてありがとう、私は次回そのときにしますたくさんのthirtydotありがとう！ –

私はFFでサイトをチェックしました。 Web開発者のツールでは、多くのuneededまたはnot htmlがあることがわかります。サイトをどのように作成しましたか？

FFでFirebugを使用して、それをアクティブにし、スタイルを無効にして、余白/パディングの問題を確認してください。

出典

2011-01-08 16:16:37 YvesR

私はあなたが言うようにしますが、どのコードが不要なのか教えていただけますか？私は多くの経験はありませんが、基本的に私はPhotoshopで作成したWebサイトを使用していました（私が作業していたプロジェクトは、デザイン全体を作成したGraphistによって作成されたもので、PhotoshopからHTMLを書き出すよう依頼しました）。その後、背景画像としてすべての画像を入力したCSSファイルを作成し、CSSで作成したすべてのdivでHTMLを更新しました。 –

レイアウト用にテーブルを使用すべきではありません。情報が表形式である必要がある場合は、それらを使用しますが、レイアウト用ではありません。

レイアウトにCSSを使用する必要があります。これを行う方法には多くのものがあります（tutorials）。

さらに、reset CSSを探してください。これにより、すべてのブラウザで基本スタイルが同じになるようになります。

出典

2011-01-08 16:21:17 Oded

しかし、なぜPhotoshopはそのサイトのテーブルを生成したのですか？ –

@Alexandre Cassagne - 自動化されたツールは、何をしているのかを知っている人だけでなく、最もよく使用されるグラフィックスソフトウェアによって生成されるコードは、かなり恐ろしい傾向があります。 – Oded

私は理解しています。（ –

レンダリングの問題FireFox

答えて

関連する問題