Forum Webscript.Ru
Дизайн и Верстка => Всё о Html => Тема начата: Alexandr от 28 Ноября 2002, 17:31:25
Название:
Ширина div\'а и расползание страницы.
Отправлено:
Alexandr
от
28 Ноября 2002, 17:31:25
Есть вот такое нечто:
overflow: scroll; width: 100%; height: 500px;">
" border="0" id="pic" onload="init();" alt="Иллюстрация: .">
Т.е. выглядит это как
на всю ширину экрана, а во фрейме картинка (которая заведомо шире экрана).<br /><br />Проблема в следующем:<br />если впервые открываем страницу, то <div> открывается нормально - ровно в ширину (т.к. бровзер ещё не знает ширины картинки и ширина её до загрузки == ширине alt\'а)<br />А вот во второй раз бровзер стиль width: 100%; тега <div> воспринимет по ширине картинки, т.е. расползается стриница, а не хотелось бы....<br /><br />Нелп. </dd> <dt class="postheader"> Название: <strong>Ширина div\'а и расползание страницы.</strong><br /> Отправлено: <strong>mike</strong> от <strong>28 Ноября 2002, 18:04:17</strong> </dt> <dd class="postbody"> Какой браузер? В MSIE 6 все ОК. </dd> <dt class="postheader"> Название: <strong>Ширина div\'а и расползание страницы.</strong><br /> Отправлено: <strong>Alexandr</strong> от <strong>28 Ноября 2002, 18:09:35</strong> </dt> <dd class="postbody"> 6.0.2600.0000 </dd> <dt class="postheader"> Название: <strong>Ширина div\'а и расползание страницы.</strong><br /> Отправлено: <strong>Alexandr</strong> от <strong>28 Ноября 2002, 18:13:20</strong> </dt> <dd class="postbody"> Погодь <strong>mike</strong>.....<br />я вот такое заюзал:<br /><br /><div style="overflow: scroll; width: 100%; height: 500px;"><br /><img width=1900 src="pic.php" border="0" id="pic" onload="init();" alt="Иллюстрация: ."><br /></div><br /><br />Всё ок.... странно..... ща буду дальше копать.....<br />может есть какие-нть идеи у кого? </dd> <dt class="postheader"> Название: <strong>Ширина div\'а и расползание страницы.</strong><br /> Отправлено: <strong>Alexandr</strong> от <strong>28 Ноября 2002, 18:22:17</strong> </dt> <dd class="postbody"> Глюк появляется, если складываешь все в таблицу:<br /><br /><table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#3975B0" bordercolordark="#FFFFFF"><br /><tr><td valign="top"><br /><table border="0" width="100%" cellspacing="0" cellpadding="5"><br /><tr><br /><td bgcolor="#E5F0F6"><img src="/img/ping1.gif" align="absmiddle" width="10" height="11"><br /><font color="#800000" size="4">Каталог запчастей.</font></td><br /></tr><br /><tr><td><br /><div style="overflow: scroll; width: 100%; height: 500px;"><br /><img width=1900 src="pic.php" border="0" id="pic" onload="init();" alt="Иллюстрация: ."><br /></div><br /></td></tr><br /></table><br /></td></tr><br /></table><br /><br />Вот видите..... разъежается.<br /><br />Хелп. </dd> </dl> <div id="footer" class="smalltext"> <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="http://forums.webscript.ru/index.php?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.0.19</a> | <a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2016</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a> </span> </div> </body> </html>
![]("pic.php?<?=$q_pic?)
" border="0" id="pic" onload="init();" alt="Иллюстрация: .">