размер изображения в %

[Serpanok]

Всем привет!

Подскажите. У меня блок с контентом задан в %, а в нём есть фото.

так-вот, указываю изображению ширину 100% (чтоб было на весь блок), а в IE8 изображение отображается в реальном размере, то есть растягивает блок с контентом.

как сделать так чтоб фото было только на всю ширину блока, а не в полном размере

в мозилле и опере все норм (когда указываю изображению параметр width="100%"), а IE как всегда все портачит

подскажите пожалуйста решение этой проблемы, уж очень нужно =)

заранее всех благодарю!

[swetlana]

Есть только смутные догадки.

Покажите, пожалуйста, страницу.

[Serpanok]

сейчас, подожди

там код большой я только основное

html:

<table id="conteiner" cellspacing="0" cellpadding="0">
		<tr>
			<td id="menus">
    			<? include("bl/menu.php"); ?>
			</td>
			<td id="forContent"><div id="content"><div id="inContent">
<table id="photoBig" cellspacing="0" cellpadding="0">
  <tr>
    <td id="photoBigBox">
    	<center>
			[b]<img src="photo.png" width="100%" id="photoBigImg" />[/b]
		</center>
    </td>
  </tr>
  <tr>
    <td id="photoBigInfo">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  			<tr>
    			<td id="photoBigDesc">
                	asasd
                </td>
    			<td id="photoBigRate">
                	<div id="rate_pleas"><h3>Оцените фото</h3></div>
                	<div id="raiting_star">
						<center>
							<img style="margin-top:20px;" id="loading" src="images/loading.gif" />
						</center>
					</div>
                </td>
  			</tr>
		</table>
	</td>
  </tr>
  <tr>
    <td id="photoBigComments">

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

css:

#conteiner {
	border:none;
	width:100%;
	min-width:818px;
}

#content {
    padding: 10px; 
margin-bottom: 20px;
	background: url(/images/glass.png) transparent;
    border-radius:15px;  
	-moz-border-radius:15px; 
	-webkit-border-radius:15px;
}

#inContent {
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background-color:#FFF;
	padding:7px;
}

#photoBig {
	width:100%;
	border:none;
}

#photoBigImg {
	border:none;
}

#photoBigInfo {
	border-bottom:1px solid #1AACCF;
}

#photoBigDesc {
	vertical-align:top;
	padding-top:20px;
}

#photoBigRate {
	vertical-align:top;
	width:330px;
	padding:10px;
}

вроде весь нужный код

Edited February 13, 2011 by Serpanok

[swetlana]

Неужели непонятно, что ссылку на страницу просят, чтобы модным инструментом посмотреть на результат?

Разбирать вот этот мусор, который даже в html0.1 осуждался, вряд ли у многих желание будет.

[Serpanok]

сайт на локалке, а на счет мусора я копировал код частями и просто его не от редактировал(пробелы)

[ShumNo]

Вы не совсем поняли. Если есть страница которую можно открыть то на поиск бага/решения может уйти буквально 15 секунд. если такой страницы нет то на его воспроизведение (не факт что получится вообще) может уйти 10 минут.

10 минут уже 10 минут и это уже 10 минут

[swetlana]

тут в соседней теме рекомендовали бесплатный хостинг centre.ru.

К рекомендациям присоединяюсь весьма осторожно, поскольку свой опыт сотрудничества с ними был не самый положительный. Но всё же.

[ShumNo]

достаточно 1 страницы на народ.ру для html и стилей

[swetlana]

народ портит код своим мусором.

[Serpanok]

короче там в браузере стоял режим совместимости с IE7, а ИЭ8 все норм.

назревает вопрос: почему в иэ7 не работает вот страница - http://oknanavek.com.ua/photo_error/photo.php

[Vlad]

Добавьте к таблице с фоткой table-layout: fixed

[Serpanok]

  Vlad said:

Добавьте к таблице с фоткой table-layout: fixed

спасибо помогло! демо удаляю