Проблема с Firefox: при изменении размера 100% ширины тела застряла на 190px - PullRequest
Новая
       30

Проблема с Firefox: при изменении размера 100% ширины тела застряла на 190px

0 голосов
/ 29 июля 2010

Хорошо, у меня есть следующая разметка, которая открывается во всплывающем окне (размер настраивается на ширину 120 пикселей и высоту 300 пикселей с помощью Javascript): 

<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.Поскольку изображение центрировано, это приводит к тому, что с левой стороны отображается граница размером 35 пикселей, а изображение перекрывает область просмотра (поэтому не отображается полностью).

Странная вещь заключается в том, что я получил доступ к точно так жестраница с точно таким же браузером / ОС вчера без изменений и может воспроизвести ошибку (также после перезагрузки, перезапуска и т. д.) и больше не может, потому что не тело действительно просто сокращается до 120px.Я не могу найти образец здесь.

Любые предложения или идеи очень ценятся!

Большое спасибо за вашу помощь заранее
Тоби

1 Ответ

0 голосов
/ 29 июля 2010

Я знаю, что вы сказали, что разметка находится вне вашего контроля, но вам вообще нужен стол? Если размер всплывающего окна совпадает с размером изображения, почему бы просто не иметь изображение?

Если я помню, что мой HTML 90-х, 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>

если он все еще не работает, на странице должно быть что-то еще, что вызывает проблему.

...