0

私の個人的な Web ページ ( http://ralphemlynmorgan.com ) は IE では計画どおりに表示されますが、Chrome ではボタン ラベルがわずかにずれており、Firefox を使用して表示するとページ レイアウトが完全に間違っています。これを修正するための簡単な変更 (または、すべてのブラウザーで機能するように設計された要素の配置を実現する方法) についてのアドバイスをいただければ幸いです。;) HTMLバリデーターのエラーメッセージから、スパン内で許可されていない「p」と関係があると思いますか?

4

3 に答える 3

1

FirefoxとChromeでのずれは、ページ内のすべての画像とボタン要素の絶対的な配置が原因です。<span>インライン要素です。一般に、要素内に他の要素は含まれません<span>

内部に要素があるすべての<span>要素を要素に置き換え、絶対位置を削除してみてください。<p><div>

于 2013-03-08T06:35:44.573 に答える
0

まず、<p>ナビゲーション内の要素に大きなマージンを持たせないでください。を介してこれを変更しますmargin: 0。そして、はい、<p>内部<span>は悪いです。<div>代わりに使用してみてください。

そして、Firefoxの問題を修正するためにに変更#centroidします。position: absolute

于 2013-03-08T06:32:27.733 に答える
0

ナビゲーションを改善するには、ul li を使用し、「#centroid を position: absolute に変更して、Firefox の問題を修正してください」を使用します。

于 2013-03-08T07:14:18.030 に答える