Резиновый сайт

people2010 · August 30, 2010

Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей.

Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за ответ.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">
.rezina{min-width:800px;}
.marginpadding{margin:0px; padding:0px;}
.bordur{border:1px solid black;}
.menubordur {border: #000 solid 1px; border-top:0;}
.d img{display:block; }
</style>

</head>
<body class="marginpadding" > 

<!-- ШАПКА -->
<table width="100%" class="bordur rezina"	cellspacing="0" cellpadding="0" >
<tr >
 <td colspan="2">
	 <img src="shapka.jpg" width="100%" height="180" align="center" >
 </td>
</tr>

<!-- СЕРЕДИНА -->
<tr >
   <td width="15%">
	  <div class="d">
		<img  src="videoyroki.png"  >
		 <img src="n1.png"  >
		 </div>


   </td>
  <td class="bordur" > С новым годом!</td>



</tr>

</table>
</body>
</html>

people2010 · September 2, 2010

Извиняюсь, если кто знает как можно тот же самый результат получить на дивах без использования таблицы, напишите пожалуйста.

Чтоб так же имено работало при разных разрешениях экрана. Заранее благодарю.

Sign In

Резиновый сайт

Question

people2010

Link to comment

Share on other sites

26 answers to this question

Recommended Posts

people2010

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information