0

さて、ポップアップウィンドウで開く次のマークアップがあります（サイズはJavascriptを介して幅120px、高さ300pxに調整されます）：

<body bgcolor="#000" topmargin="0" leftmargin="0" style="width:100%">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr>
        <td align="center" height="300" valign="middle">
            <img src="sample.jpg" width="120" height="300">
        </td>
    </tr>
</table>
</body>

そこにある画像は、あなたが「表形式のデータ」と呼ぶものとは正確には一致せず、CSSがいたるところにあることを私は知っています。問題の真実は次のとおりです。このマークアップはボックスモデルとの親友ではなく、変更することはできません。これから説明するエラーを見つけることになっています。

Firefox（さまざまなバージョンとプラットフォーム）でのみ-そして何らかの理由で（まだパターンを見つけることができませんでした）-画像が完全に表示されません。ウィンドウは正しいサイズにサイズ変更されていますが、100％の本体/テーブルは190pxに縮小されてそこで停止しているように見えます。その時点から、ビューポートのみが縮小されますが、本体は190pxのままです。画像が中央に配置されているため、左側に35pxの境界線が表示され、画像がビューポートと重なっています（したがって、完全には表示されません）。

奇妙なことに、昨日変更を加えずにまったく同じブラウザ/ OSでまったく同じページにアクセスし、エラーを再現でき（リロード、再起動後など）、本体が120pxに縮小されないため、エラーを再現できなくなりました。大丈夫。ここにパターンが見つかりません。

どんな提案やアイデアも大歓迎です！

よろしくお願いします
トビ

4

1 に答える 1

0

マークアップは制御不能だとおっしゃっていましたが、テーブルは必要ですか？ポップアップが画像と同じサイズの場合は、画像だけを持ってみませんか？

90年代のHTMLを覚えている場合、topmarginとleftmarginはIE固有であるため、bodyタグは次のようにする必要があります。

<body bgcolor="#000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

可能であれば、幅を100％削除します。さらに良いことに、すべてのbodyタグ属性を削除し、CSSを使用してすべてを実行します（これにより、はるかに確実に機能します）。

<style type="text/css">
body {
    background-color: #000;
    margin: 0;
    padding: 0;
}
</style>

それでも機能しない場合は、問題の原因となっているページに何か他のものがあるはずです。

于 2010-07-29T00:13:13.670 に答える