0

メンテナンスを行っているサイトに問題があります。最新のテストバージョンはここにありますhttp://www.smithandgeorg.com.au/new/IE7-9またはOperaで表示すると、このページは意図したとおりに表示されます。ただし、FirefoxとSafariでは、メニューは画面の左側にくるように配置されます（説明するよりも見やすくなります）。

問題は、私のポジショニングの使用に起因しているようです。要素は、（内部にネストされている）#content要素が配置position:relative; top:0px; left:0pxされたときに、IE9およびOperaで正しく行われるように、要素の左側に対して真上に押されるように配置されます。ただし、FirefoxとSafariは、比較的配置されているという事実を無視し、画面の左側に押し上げるだけのようです。#menuposition:absolute; left:0px#content#content#menu

以下の簡単なページで問題を再現しようとしましたが、すべてが期待どおりに機能しました。

<html>
    <body>
        <div style="border:1px solid red; width:100px; height:100px; position:relative; left:0px">
            <div style="border:1px solid black; width:100px; height:100px; position:absolute; top:60px; left:20px">
            </div>
        </div>
    </body>
</html>

どんな助けでも大歓迎です:)

4

1 に答える 1

0

Firefoxは通常position:relative、テーブル要素を無視しますが、これは次のように追加display:blockすることで修正でき#contentます。

#content {
position:relative;
top:0;
left:0;
display:block;
}

位置に関する質問/回答：相対

于 2011-09-27T11:04:25.717 に答える