IMG width в %

lazybaby · March 21, 2009

Есть код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

</td></tr></table>

</body>

</html>

Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800).

В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере.

Как заставить IE6 и IE7 тоже сжимать картинку?

homm · March 21, 2009

написать кавычки вокруг параметра.

lazybaby · March 21, 2009

Не помогает.

homm · March 21, 2009

написать кавычки вокруг второго параметра.

lazybaby · March 21, 2009

Не помогает.

homm · March 21, 2009

Покажи, что получилось.

Victor Ananiev · March 21, 2009

а так : body, html {position:relative;}

Edited March 21, 2009 by Victor Ananiev

lazybaby · March 21, 2009

Покажи, что получилось.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

</td></tr></table>

</body>

</html>

а так : body, html {position:relative;}

Не помогает.

spdif · March 21, 2009

Обнулитесь!

* {

margin: 0;

padding: 0;

}

homm · March 21, 2009

А, понял. Ну типа, таблицы. Их размер расчитывается исходя из содержимого и берется за 100% и уже от этих 100% тф можешь указать свои проценты. С этим ничего не сделать, браузеры тупые, верстай на дивах.

lazybaby · March 21, 2009

Обнулитесь!
* {
margin: 0;
padding: 0;
}

Не помогает.

А, понял. Ну типа, таблицы. Их размер расчитывается исходя из содержимого и берется за 100% и уже от этих 100% тф можешь указать свои проценты. С этим ничего не сделать, браузеры тупые, верстай на дивах.

На дивах с кроссбраузерность вообще мрак

homm · March 21, 2009

Люди же как-то верстают.

lazybaby · March 21, 2009

Люди же как-то верстают.

Мыши кололись, плакали, но продожали жрать кактус (С)

Victor Ananiev · March 21, 2009

)))а может это просто потому что кактус вкусный и правильной формы)))) гг)

rash · March 21, 2009

На дивах с кроссбраузерность вообще мрак

От макета сильно зависит.

А кактус сейчас жуете вы. Не получается же на таблицах, но вы упорно продолжаете его есть.

spdif · March 21, 2009

Обнулитесь!
* {
margin: 0;
padding: 0;
}
Не помогает.

Да ладно

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body style="width:100%">
<table width=100%><tr><td>
<img src="image.jpg" width=100%>
</td></tr></table>
</body>
</html>

lazybaby · March 21, 2009

Да ладно

Неа. Проверьте сами (IE6 или IE7)

spdif · March 21, 2009

Проверил еще до первого поста

lazybaby · March 21, 2009

Проверил еще до первого поста

Не работает. У Вас точно картинка больше экрана?

spdif · March 21, 2009

Да

Victor Ananiev · March 21, 2009

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

Да ну, разве у меня не выйдет растянуть таблицу на всю ширину окна?

вот код, все вышло))

<style>
*
{
 margin:0;
 padding:0;
}
table
{
 width:100%;
 position:relative;
 border:1px solid black;
}
IMG
{
 width:100%;
}
</style>

<table>
<tr>
<td>
 <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" />
</td>
<tr>
</table>

lazybaby · March 21, 2009

Ширина моего экрана - 1280, а картинка - 1253. Попробуйте с этой:

http://www.unity.freenet.kz/map/proekcia3.jpg

homm · March 21, 2009

Да ну, разве у меня не выйдет растянуть таблицу на всю ширину окна?

Ты топик читал вообще? Чего «да ну» то?

<style>
*
{
margin:0;
padding:0;
}
table
{
width:100%;
position:relative;
border:1px solid black;
}
IMG
{
width:100%;
}
</style>

<table>
<tr>
<td>
<img src="http://www.unity.freenet.kz/map/proekcia3.jpg" />
</td>
<tr>
</table>

Victor Ananiev · March 21, 2009

хм, на картинку expression повесить, или в body.onload=function(){ }

вот код, все вышло)) - не вышло((

Ширина моего экрана - 1280, а картинка - 1253 - картинка там все 1500px;

Edited March 21, 2009 by Victor Ananiev

lazybaby · March 21, 2009

хм, на картинку expression повесить, или в body.onload=function(){ }

Пробовал

img {

width:100%;

width:expression(document.getElementById("i").parentNode.parentNode.width+"px"); /* Ширина table */

}

<img id="i" ...

Не сработало, возможно в expression какой-то косяк...

Ширина моего экрана - 1280, а картинка - 1253 - картинка там все 1500px

Имел в виду http://forum.htmlbook.ru/style_images/elegance/logo4.gif

Edited March 21, 2009 by lazybaby

homm · March 21, 2009

Ребята, что вы спорите. Блоки.

Sign In

IMG width в %

Question

Link to comment

Share on other sites

32 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information