резиновый контент

[oleg.kan]

Первая проблема:В последних версиях mozila firefox,IE и последней версии google chrome контент отличается внешним видом.Хотя вроде тегов которые не поддерживают те или иные браузеры не использовал.

1.IE 9 и Mozila Firefox 14

2.Google Chrome 21

Вторая проблема:В IE и Mozila Firefox если уменьшить размер экрана,а затем увеличить,то изображения контента будут нормально уменьшаться и увеличиваться(задана ширина в процентах) а в Google Chrome если уменьшить размер экрана,а затем увеличить,то он зависает в уменьшенном состоянии и развисает после обновления страницы .

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

<div class="wrapper clearfix">
<div id="container">
		<table id="ship">
            <tr>
                <td><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="178" height="144">
                  <param name="movie" value="swf/goliath_diminisher.swf">
                  <param name="quality" value="high">
                  <param name="wmode" value="opaque">
                  <param name="swfversion" value="9.0.45.0">
                  <!-- Этот тег param предлагает пользователям Flash Player 6.0 r65 и более поздних версий загрузить последнюю версию Flash Player. Удалите его, если не хотите, чтобы пользователи видели запрос. -->
                  <param name="expressinstall" value="Scripts/expressInstall.swf">
                  <!-- Следующий тег object не поддерживается браузером Internet Explorer. Поэтому скройте его от Internet Explorer при помощи IECC. -->
                  <!--[if !IE]>-->
                  <object type="application/x-shockwave-flash" data="swf/goliath_diminisher.swf" width="178" height="144">
                    <!--<![endif]-->
                    <param name="quality" value="high">
                    <param name="wmode" value="opaque">
                    <param name="swfversion" value="9.0.45.0">
                    <param name="expressinstall" value="Scripts/expressInstall.swf">
                    <!-- Браузер отображает следующее альтернативное содержимое для пользователей Flash Player 6.0 и более старых версий. -->
                    <div>
                      <h4>Для содержимого этой страницы требуется более новая версия Adobe Flash Player.</h4>
                      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Получить проигрыватель Adobe Flash Player" /></a></p>
                    </div>
                    <!--[if !IE]>-->
                  </object>
                  <!--<![endif]-->
                </object>
				</td>
            	<td>
               	  <p>Сервер:Россия 3</p> 
                	<p>Компания:Eic</p>
                	<p>Игровой уровень:19</p>
               	 	<p>Опыт:2 0000 0000 0000</p>
                    <p>Честь:21 0000 0000</p>
                </td>
            </tr>
            <tr>
                <td class="iris"><img src="images/auc/IRISrender.png" width=20%><img src="images/auc/IRISrender.png" width=20%><img src="images/auc/IRISrender.png" width=20%><img src="images/auc/IRISrender.png" width=20%></td>
                <td><p>Прогрессов:39</p></td>
            </tr>
            <tr>
                <td class="iris"><img src="images/auc/IRISrender.png" width=20%><img src="images/auc/IRISrender.png" width=20%><img src="images/auc/IRISrender.png" width=20%><img src="images/auc/IRISrender.png" width=20%></td>
            	<td><p сlass="price">Цена:10 0000 Euro</p></td>
            </tr>

         </table>

      <div><img src="images/bokovaja_verx.png" width=100% height=199px></div>
        <div><img src="images/bokovaja_centr.png" width=100% height=auto></div>
		<div><img src="images/bokovaja_niz.png" width=100% height=199px></div>		
        <div id="footer"><img src="images/footer.png" width=100%></div>
    </div>       
    </div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
    </script>

Вот стили:

.wrapper {
width: 100%;
}
#container {
float:left;	
}
#footer {
margin:3% 5% 0;
}
table {
color:#fff;
border:2px solid #fff;
text-shadow: black 1px 1px 2px, #fff 0 0 1em;
}
#ship {	
position:absolute;
margin:2% 5% 100% 4%;
}
.iris {
padding:0 0 0 15%;	
}
table:hover {
color:#00B4FF;
border:2px solid #00B4FF;	
text-shadow: black 1px 1px 2px, #00B4FF 0 0 1em;
}
.price {
text-align:center;
font-size:12px;
font-weight:bold;	
}
#ship_1 {	
position:absolute;
margin:2% 5% 100% 39%;
}

И картинки контента:

bokovaja-verx.png

bokovaja-centr.png

bokovaja-niz.png

[wildhind]

Сударь, ссылку на страницу, пожалуйста.

Тогда вам охотнее и быстрее ответят.

[oleg.kan]

не могу дать ссылку,так как сайт на локальном сервере.Смысл покупать домен и хостинг если сайт не готов?

[CalvinKlein]

Вот тут почитайте про резиновый макет

думаю поможет

Edited August 18, 2012 by CalvinKlein

[mrnobody]

не могу дать ссылку,так как сайт на локальном сервере.Смысл покупать домен и хостинг если сайт не готов?

Есть же бесплатные хостинги. Вот например http://www.hostinger.ru/ .

Edited August 18, 2012 by mrnobody