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