Winで見たときfloatさせたメニュー位置がずれる問題

解決済

質問者：mausan
質問日時：2007/10/03 14:10
回答数：2件

お世話になります。
XHTML+CSSにてウェブページを作っている者です。
WinIEで見たときのfloatさせた置換画像の位置ずれについての質問です。
内容としては、XHTMLにて<li>を使いメニューを制作し、CSSにてそれをfloatさせ横並びのメニューにします。そしてtext-indent:-9999pxでテキストを見えなくし、代わりに<a>要素で背景に画像を配置し、画像の横並びのメニューを実現している・・・というものです。
safari、Opera、MacIE5ともにMacではやりたいことが実現できているのですが、WinIE6、7だと横並びしているメニュー画像が右へいくほど少しずつ下へずれていってしまっています。ちょうど右下がりの階段のように・・・。
これはなぜなんでしょうか？？marginとかpadding関係のバグなのでしょうか？
ちなみに、メニュー大枠の幅とひとつずつのメニュー幅の合計はピッタリ一致させているのですが、この余裕のなさが原因でしょうか？（そう思ってひとつずつのメニュー幅をそれぞれ1pxずつ縮めてみたりしたんですが、ダメでした）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： aoi_hito
回答日時：2007/10/07 09:54

参考URLは、リストを入れ子にした時に記述方法を誤ってうまく一列に並ばないというものです。

同じような間違いをしているということはありませんか？

参考URL：http://www.tagindex.com/cgi-lib/q3bbs/patio.cgi? …

- 0
- 件

通報する

この回答へのお礼

返答が大変遅くなりました。
申し訳ありません。無事に解決できました。
ありがとうございます。
以下を参考にさせていただきました。
http://css-happylife.com/log/css-template/000040 …

ちなみに上のサイトで紹介されていたものと私のものとの違いは、リスト要素に display:inline、a要素に overflow:hiddenをつけていた違いでした。

通報する

お礼日時：2007/10/18 12:20