Размеры в процентах - HTML и CSS

OliverVood · 25.11.2012, 04:09

Добрый день, господа!
Делал на днях страничку, размеры элементов на ней задаются в %. Вот к примеру код:

Код HTML:

<HTML>
 <BODY>
  <TABLE width = "50%" border="5">
   <TR>
    <TD width = "100%">
      <IMG src = "Большая картинка.jpg" width="100%">
    </TD>
   </TR>
  </TABLE>
 </BODY>
</HTML>

Большинство браузеров (Opera, Firefox, Chrome) картинку подгоняет под ширину, а IE выводит ее в полном масштабе.
Как решить эту проблему на IE?

MyLastHit · 25.11.2012, 11:20

Цитата:

class = "100%"

что это?......

OliverVood · 25.11.2012, 12:38

Цитата:

что это?

Описался, исправил.

MrJenika · 25.11.2012, 13:16

попробуйте для картинки

Код:

style="max-width:100%"

OliverVood · 25.11.2012, 13:21

Пробовал, не получается! В IE вообще max-width не работает, а width берет не от контейнера, а от самой картинки.

Дня 3 поиска и ответ наконец найден:
Надо было тегу TABLE присвоить стиль table-layout: fixed;

Код HTML:

<html>
<head>
     <style type="text/css">
       TABLE {table-layout: fixed;}
     </style>
</head>
<body>
     <table width="100%">
       <tr><td><img src="image.jpg" width="100%" /></td></tr>
     </table>
</body>
</html>

Вы бы знали сколько людей по нету с этим мучаются!

MrJenika · 25.11.2012, 13:57

еще вариант топорный

Код:

max-width:400px;
width: expression(this.width > 400 ? 400: true);

Ну или попробуйте картинке высоту и ширину указывать auto;

25.11.2012, 04:09	#1
OliverVood Пользователь Регистрация: 06.05.2010 Сообщений: 32	Размеры в процентах Добрый день, господа! Делал на днях страничку, размеры элементов на ней задаются в %. Вот к примеру код: Код HTML: <HTML> <BODY> <TABLE width = "50%" border="5"> <TR> <TD width = "100%"> <IMG src = "Большая картинка.jpg" width="100%"> </TD> </TR> </TABLE> </BODY> </HTML> Большинство браузеров (Opera, Firefox, Chrome) картинку подгоняет под ширину, а IE выводит ее в полном масштабе. Как решить эту проблему на IE? Последний раз редактировалось OliverVood; 25.11.2012 в 12:34. Причина: Не правильный код

25.11.2012, 13:16	#4
MrJenika Форумчанин Регистрация: 07.09.2009 Сообщений: 361	попробуйте для картинки Код: `style="max-width:100%"` webinmd.com

25.11.2012, 13:21	#5
OliverVood Пользователь Регистрация: 06.05.2010 Сообщений: 32	Пробовал, не получается! В IE вообще max-width не работает, а width берет не от контейнера, а от самой картинки. Дня 3 поиска и ответ наконец найден: Надо было тегу TABLE присвоить стиль table-layout: fixed; Код HTML: <html> <head> <style type="text/css"> TABLE {table-layout: fixed;} </style> </head> <body> <table width="100%"> <tr><td><img src="image.jpg" width="100%" /></td></tr> </table> </body> </html> Вы бы знали сколько людей по нету с этим мучаются! Последний раз редактировалось Stilet; 25.11.2012 в 14:32.

25.11.2012, 13:57	#6
MrJenika Форумчанин Регистрация: 07.09.2009 Сообщений: 361	еще вариант топорный Код: `max-width:400px; width: expression(this.width > 400 ? 400: true);` Ну или попробуйте картинке высоту и ширину указывать auto; webinmd.com

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
ак мне добавить прогресс бар, который в процентах показывал бы на сколько выполнился скрипт ?	xxxsas	JavaScript, Ajax	2	28.05.2012 08:38
вероятность выпадения в процентах	ololo-schoolboy	Общие вопросы C/C++	6	25.01.2011 20:54
Длина колонки StringGrid в процентах	KLOP	Общие вопросы Delphi	4	27.04.2010 12:35
Накрутка в процентах	xgss	Microsoft Office Excel	2	06.01.2009 17:28
Найти (в процентах) частоту появления каждого из m наиболее часто встречающихся элементов	sk1p	Паскаль, Turbo Pascal, PascalABC.NET	2	26.09.2008 23:57