| |
 83.4 Кб |
|
| | Впервые встретился с проблемой существенного различия отображения страниц в разных браузерах. Чтобы понять существо дела, сделан вот такой простенький макет:
<div align="center">
<table border="0" width="700" id="table1" cellpadding="0" style="border-collapse: collapse">
<tr>
<td colspan="3"><img border="0" src="12.jpg" width="700" height="45"></td>
</tr>
<tr>
<td width="100" align="left" valign="top" height="100">
<img border="0" src="11.jpg" width="100" height="300"></td>
<td width="790" align="left" valign="top" height="300">
<div style="overflow:auto; height: 300px;">
Начало текста
<p>вторая строка</p>
<p align="justify" style="margin: 0 10px">третья строка третья строка
третья строка третья строка третья строка третья строка</p>
<p>четвертая строка</p>
<p>пятая строка</p>
<p>шестая строка</p>
<p>седьмая строка</p>
<p>восьмая строка</p></div>
</td>
<td width="100" align="left" valign="top" height="100">
<img border="0" src="11.jpg" width="100" height="300"></td>
</tr>
<tr>
<td colspan="3"><img border="0" src="11.jpg" width="700" height="18"></td>
</tr>
</table>
</div>
|
Внутренняя полоса вертикальной прокрутки спасает дизайн от разрыва по вертикали даже при увеличении масштаба в режиме "Только текст" (см. скриншот). | |
| |
|
|
| |
98.5 Кб |
|
| |
для: Владимир55
(17.11.2010 в 17:30)
| | | В браузере Опера при любом увеличении масштаба, хотя бы на 10%, дизайн рвется по вертикали и полоса прокрутки не спасает (см. скриншот).
Можно ли с этим что-то сделать или необходимо смириться как с неизбежным?
=============
Скриншот первого поста относится к ФФ | |
| |
|
|
| |
|
|
| |
для: Владимир55
(17.11.2010 в 17:33)
| | |
<div style="overflow: scroll; height: 300px;">
|
| |
| |
|
|
| |
71.5 Кб |
|
| |
для: АЯ
(17.11.2010 в 22:01)
| | | Это решило дело, спасибо!
А вот в Google-Chrome и в Safari правый столбец почему-то отваливается... (см. скриншот). | |
| |
|
|
