Добрый день.
Есть фрейм в который грузится картинка, и высотой = 100%
В Опере и ИЕ все выглядит нормально, но в Мозилле она как-то слишком растягивается...
фрейм:
код Javascript
Код:
...
doc.write('<frame src="img/design/left.htm" scrolling=no noresize FRAMEBORDER=0 FRAMESPACING=0 BORDER=0>');
...
Код фрейма:
Разметка HTML
Код:
<html>
<head>
* *<link href="../../../../css/style.css" rel="stylesheet" type="text/css">
* *<script type="text/javascript" language="javascript" src="../../../../js/resolution.js"></script>
</head>
<body topmargin="0" leftmargin="0">
<table height="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr><td valign="top" height="100%"><script>
* *var h = screen.availHeight;
* *var res = 0;
* *res = get_close_res_w ( h, false );
* *//alert ( res);
* *
* *document.write ( '[img]all_bord/left/i_border_left_'+res+'.png[/img]' );
</script></td></tr></table>
</body>
</html>
Не обращайте внимание на ф-цию.. главное, что картинка берется нужная, но как-то показывается не как надо (слишком растянутой).
Что тут не так? как исправить под Мозилу?
Причем такие чудеса творятся только с левыми и правыми НИЖНИМИ (с верхней частью все ОК) "бордерами".
Такое происходит только в ФФ Мозилле и только с крайними фреймами, т.е картинки в этих фреймах, в нижних частях (сверху ОК) куда-то уезжают (слишком растягиваются, как будто фрейм заканчивается где-то еще ниже)
"боковая картинка", с который проблемы - всегда (в 3х случая: ИЕ, ФФ, Опера) одна и та же! (просто другой там нет, так что ошибится (думая, что используется какая-то другая картинка в случае с Мозилой) тут сложно)
Я понял в чем ошибка...
Дело в том, что Мозила по другому понимает height: 100%
Т.е вот есть ТАБЛЕ, он растянут на 100%, если в него вставлять картинку,
которая больше размера экрана и задать этой картинке height: 100%,
то в ИЕ и Опере она будет ровно размером с ТАБЛОМ (ячейка), а в Мозилле,
даже не смотря на то, что установлнено height: 100%, картинка будет
иметь свой родной размер.
Т.е сформулирую вопрос: как сделать, чтобы работало под ИЕ+Опера+Мозила,
чтобы картинка занимала бы ровно размер ячейки, в которую вставлена???
При этом не важно: сожмется или растянется она, главное, чтобы занимала
ровно размер ячейки!
Разметка HTML
Код:
<table border="0" width="100%" cellpadding="0" cellspacing="0" style="height: 100%; border-collapse: collapse">
* *<tr>
* * * *<td>
* * * * * *[img]kartinka.jpg[/img]
* * * *</td>
* *</tr>
* *<tr>
* * * *<td height="30"></td>
* *</tr>
* *</table>