Заставить изображение в фиксированный div? - PullRequest
Новая
       14

Заставить изображение в фиксированный div?

0 голосов
/ 06 мая 2009

Я пытаюсь сделать изображение масштабируемым до размера таблицы (к сожалению, мне нужно сохранить таблицу), где размер таблицы равен размеру div. Глядя на ссылку ниже, я думаю, что картинка справа. Тем не менее, на нижнем рисунке изображение не остается в таблице размером 100%. Почему высота не уменьшается?

http://dl.getdropbox.com/u/139980/image%20size%20experiment/index.html

Спасибо.

Ответы [ 3 ]

1 голос
/ 06 мая 2009

Примените высоту и ширину напрямую, так как вы знаете размер таблицы. 

<img src="imageName.png" width="20" height="20">
0 голосов
/ 07 мая 2009

попытка переполнения скрыта в div

переполнения: скрытый

0 голосов
/ 06 мая 2009

Ну, я должен сказать, что никогда раньше не замечал такого поведения. Я нашел решение вашей проблемы с использованием Javascript. Единственный способ, которым я смог сделать это с помощью CSS, - это указать для изображения те же Высота и Ширина, что и для DIV.

Следовательно, javascript устанавливает те же высоты и ширины, что и родительский DIV элемента изображения. Надеюсь, это будет жизнеспособное решение для вас: 

<html>
<head>
<script>
function autoSize(i) 
{
    i.style.height = i.parentNode.parentNode.parentNode.parentNode.parentNode.style.height;
    i.style.width = i.parentNode.parentNode.parentNode.parentNode.parentNode.style.width;
};
</script>
</head>
<body>

<div style="position: absolute; width: 400; height: 100;top: 200; left: 10;background-color: #CCCCCC">
    <table width=100% height=100%><tr><td align=center valign=middle>
        <img src="ImagePlaceholder.png" onload="autoSize(this)">
    </td></tr></table>
</div>

</body>
</html>

Возможно, есть лучший способ получить parentNode, но я позволю вам разобраться:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...