Форсирование изображения в фиксированный div?

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

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

Спасибо.

источник

2009-05-06 victor

Если вы знаете размеры контейнера, почему бы вам не просто применить их к изображению непосредственно? Что может быть целью для желания использовать контейнер для управления размером изображения вместо управления им напрямую? –

-1

Ну, я должен сказать, что я никогда не замечал этого поведения раньше. Я выяснил решение вашей проблемы с помощью 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, но я дам вам понять это :)

источник

2009-05-06 14:57:20 jgallant

Хе-хе, ты должен шутить правильно. Мне жаль, что я не мог бы опуститься ни разу. Я рекомендую время от времени читать о методах DOM. –

Нанести высоту и ширину непосредственно, поскольку вы знайте размер таблиц.

<img src="imageName.png" width="20" height="20">

источник

2009-05-06 15:29:50 Khan

Переполнение попытка скрыть, чтобы Div

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

источник

2009-05-06 20:14:20 Yasir

Это не решит проблему. Он просто скрывает изображение, а не уменьшает его ... – Jon

Форсирование изображения в фиксированный div?

ответ

Смежные вопросы