VPF::Полоса прокрутки не отображается в IE

Andreas2

Дата 26.10.2008, 01:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 19.11.2006

Репутация: нет
Всего: нет

Есть такой код:

Код


<table width="100%" border="0">
<tr>
<td>

<div style="overflow: scroll; overflow-y: hidden;"><img src="/images/panorama.jpg" width="1600px" height="466px" border="0">


</div>

</td>
</tr>
</table>

Разрешение экрана 1024:768.
В Firefox все в порядке - появляется полоса прокрутки в этой <td>.
А вот в IE полосы прокрутки нет вообще. Точнее она есть в самом низу, потому что показывается полностью 1600px картинки, и все соответственно уезжает вправо.

Если указывать вот так

Код


<div style="overflow: scroll; overflow-y: hidden; width:1000px;"><img src="/images/panorama.jpg" width="1600px" height="466px" border="0">

то все в порядке, в IE появляется полоса. Но что делать если у кого-то разрешение не 1024, а 1280, допустим? У него же будет отображаться TD шириной всего в 1000, а мне надо чтобы 100% было занято.

Если же указывать

Код


<div style="overflow: scroll; overflow-y: hidden; width:100%;"><img src="/images/panorama.jpg" width="1600px" height="466px" border="0">

то все возвращается в начало - показывается полностью картинка в 1600px.

bars80080

Дата 26.10.2008, 10:18 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Код


<html><body>
<style>
body { width: 100%; }
</style>
<div style="overflow: scroll; overflow-y: hidden; width:100%;">
<img src="/images/panorama.jpg" width="1600px" height="466px" border="0">
</div>
</body></html>

нормально работает

Andreas2

Дата 27.10.2008, 01:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 19.11.2006

Репутация: нет
Всего: нет

Спасибо, заработало!

Фишка была в этом:

Код


<style>
body { width: 100%; }
</style>

без этой строки вот это в IE

Код


<div style="overflow: scroll; overflow-y: hidden; width:100%;">

воспринималось как width:100% картинки, а не изображения.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »