Масштабирование "резины"

2_k · September 18, 2009

Не подскажите, как можно ограничить сжатие или растяжение резинового сайта до определённых разрешений по максимуму и минимуму.?

Justnewone · September 18, 2009

Не подскажите, как можно ограничить сжатие или растяжение резинового сайта до определённых разрешений по максимуму и минимуму.?

А не знаете, где бы тут на форуме воспользоваться поиском?

2_k · September 18, 2009

А не знаете, где бы тут на форуме воспользоваться поиском?

Где поиск находиться то вкурсе, а вот найти по делу не получилось, единственное что нашёл наиболее подходящие, но это не помогло:

http://forum.htmlbook.ru/index.php?showtop...ost&p=85270

Searcher · September 18, 2009

min-width и max-width не могло не помочь. это единственный адекватный вариант, хотя для ИЕ нужны заглушки. вы скорее всего применяете эти свойства неправильно.

покажите код.

2_k · September 18, 2009

<body class="main">

<div id="ploading" > 
<div id="ploadinfo" ></div>  
</div>

<div class="header">

<div class="logo" ></div>
<div id="icon"></div>

</div>


<div  class="menu" >

	<div id="main_menu">
		<ul>

<li><a href="">Contacts</a></li>
			<li><a href="" class="active" >Hello!</a></li>

<li><a href="">About</a></li>
		</ul>
	</div>


	</div>


<div class="content" >


<div class="wellcome" >  </div>


<center><div class="post" align="left">
</div>


</div>


<div id="clear"></div>

<div class="footer" >

<center><div class="footercontent" >

<div class='mail'></div>
<center><div class='copytext' >
</div></center>
<div class='phone'></div>


</div></center>

</div>

</body>

body.main {background-color: #222;

background-image: url(/images/back-ssss.gif);
background-repeat: no-repeat;
position:relative;
overflow:auto;

 }


.header {
 height:150px;
	width: 100%;
	overflow: hidden;
	  position: relative;
	  margin-left: 0%;

margin-right: 0%;
display: block;
margin-top:0px;
	border: 0px solid #000;
background-color: #000;
overflow: hidden;
background-image: url(images/head-bil12.gif) ;
background-repeat: no-repeat;
}

.content {
width: 100%;
height:100%;  
  margin-top:0px;
	padding-left: 0%;
padding-right: 0%;
   position: relative;
float:left;
padding-bottom:0px;
border-top: 2px solid #fff;
border-bottom: 0px solid #fff;
background-color: transparent;
border: 0px solid green;
}

.footer {

	  height:70px;
	width: 100%;
	overflow: auto;
	  position: absolute;
	overflow: hidden;
bottom:0px;
float:left;
	border-top: 0px solid #333;
	  background-color: #000;
}


#clear {
	  height:70px;
	width: 99%;
	margin-top: 0px;
bottom:0;
	  position: relative;
 display: block;
clear:both;
	border: 0px solid #888888;
	  background-color: 000;
}

psywalker · September 18, 2009

И что, где вышеназванные свойтва? Вернись на ответ назад и подумай, что тебе не хватает для решения проблемы!

2_k · September 18, 2009

Применял к боди, страничка изначально становится в ширину тех размеров что прописываеш и всё...

psywalker · September 18, 2009

Применял к боди, страничка изначально становится в ширину тех размеров что прописываеш и всё...

Значит ты что-то не так делаешь, ссылку давай на страницу или хотябы тот код, который к Боди применяешь

2_k · September 19, 2009

Значит ты что-то не так делаешь, ссылку давай на страницу или хотябы тот код, который к Боди применяешь

вот свойства html, что это даёт, сжатие ширины верстки ограничивается по минимуму и максимуму, но само растягивание-сжатие(ctrl+mouse wheel)не останавливается достигнув проставленных размеров. Может я не верно сформулировал вопрос просто.

html {

position:relative;

min-width: 1048px;

max-width: 2048px;

margin: auto;

height: 100%;

}

psywalker · September 19, 2009

вот свойства html, что это даёт, сжатие ширины верстки ограничивается по минимуму и максимуму, но само растягивание-сжатие(ctrl+mouse wheel)не останавливается достигнув проставленных размеров. Может я не верно сформулировал вопрос просто.
html {
position:relative;
min-width: 1048px;
max-width: 2048px;
margin: auto;
height: 100%;
}

body {

position:relative;

min-width: 1048px;

max-width: 2048px;

margin: 0 auto;

height: 100%;

}

попробуй так

2_k · September 19, 2009

body {
position:relative;
min-width: 1048px;
max-width: 2048px;
margin: 0 auto;
height: 100%;
}
попробуй так

эффект тот же, хоть убей.

psywalker · September 19, 2009

эффект тот же, хоть убей.

я не верю, давай ссылку

2_k · September 19, 2009

я не верю, давай ссылку

да нету ссылки, на локальном сервере.

psywalker · September 19, 2009

да нету ссылки, на локальном сервере.

тогда полный код

Sign In

Масштабирование "резины"

Question

Link to comment

Share on other sites

13 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

Join the conversation

Обсуждения

Important Information