max-width, максимальная ширина страницы

[joymix]

Господа, есть ли способ сделать так, чтобы верстка сайта была на 1024 в ширину, при большем разрешении он мог бы расширяться, но не больше чем до 1280. При разрешениях более 1280 сайт должен прекращать растягиваться? Желательно без использования перезагрузок и JS.

{...отредактировано kiD}

[Fu-tai]

почему нет?! max-width: турум пум пум!!!!

[PacMan]

Желательно без JS.

Для IE6 никак.

[joymix]

Fu-tai : Вау, не знал! А с какой версии СSS это будет работать? C какого браузера ? не помнишь на вскидку спецификации?

[Xenium]

Fu-tai : Вау, не знал! А с какой версии СSS это будет работать? C какого браузера ? не помнишь на вскидку спецификации?

Это не работает в ИЕ, в остальных порядок.

[joymix]

И в 7 не работает? Ужас! Придется workaroundить.... опять!

[Fu-tai]

http://cssing.org.ua/2005/09/02/min-width-for-ie/

Блин, я вот задаюсь вопросом!? Ребята вы поиском вообще пользуетесь?

[Xenium]

http://cssing.org.ua/2005/09/02/min-width-for-ie/

Блин, я вот задаюсь вопросом!? Ребята вы поиском вообще пользуетесь?

Вс? равно это не то. Это называется умные ребята выкрутились из положения. Честь им и хвала. Но в чистом виде же не работает.

[iRabbit]

Fu-tai : Вау, не знал! А с какой версии СSS это будет работать? C какого браузера ? не помнишь на вскидку спецификации?

Вопросы задаешь не совем корректно. Если это свойство есть в спецификации, то это совсем не значит, что оно будет работать в браузере. И пример тому - Internet Explorer. В большинстве современных браузеров работает, а в IE - нет. Но у меня и язык ломается гворить про него лова "современный браузер". Всученный пользователям ос?л...

[iRabbit]

Господа, есть ли способ сделать так, чтобы верстка сайта была на 1024 в ширину, при большем разрешении он мог бы расширяться, но не больше чем до 1280. При разрешениях более 1280 сайт должен прекращать растягиваться? Желательно без использования перезагрузок и JS.

{...отредактировано kiD}

Для IE 6 и ниже без JavaScript никак. JavaScript можно встраивать прям в CSS файл:

width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 887)? "887px" : "100%"); - минимальная ширина 887px.

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

[shkoda]

И еще при определенных условиях этот код также глючит:

-WinXP SP1

-Doctype - XHTML

Как результат - подвисание IE при изменении размеров окна

[Dimitry Wolotko]

Использовать Xpsp1 в конце 2007 это моветон.

[shkoda]

Может быть, но к сожалению у меня именно такая ситуация. И IE просто-напросто вылетает при использовании width.expression((

Знаете, как решить проблему без JS? Я нашла решение с помощью обертывающих div, но при этом код разрастается(( Может, подскажете что-нить путевое?

[Tokolist]

Может быть, но к сожалению у меня именно такая ситуация. И IE просто-напросто вылетает при использовании width.expression((

Знаете, как решить проблему без JS? Я нашла решение с помощью обертывающих div, но при этом код разрастается(( Может, подскажете что-нить путевое?

Вы однозначно составляете неправильный экспрешн вот и получается зацикливание и соответственно подвисание браузера

давайте код с экспрешином сюда + для какого элемента он задается + самую, на Ваш взгляд, важную часть HTML-кода. А лучше (если есть возможность) все целиком

[shkoda]

Был у меня такой вариант

CSS

	<style type="text/css">
	  #minwidth{
	  /*для браузеров, поддерживающих min-width*/
		 min-width:600px;
	  /*для IE*/
		 width:expression(document.body.clientWidth < 800? "800px": "auto" );
	  }	
	  #MainBody{
	  background-color:#6DCFFF;
	  }
	  #Nav{
	  background-color:#CCC;
	  }
	  #Content{
	  background-color:#FFCC00;
	  }

	  #Header,#Footer{
	  border:2px dashed black;
	  }

HTML

<div id="minwidth">
   <div id="Header"><p>Заголовок</p></div>
</div>

<div id="minwidth">
  <div id="MainBody">
	<div id="Nav">
		<ul>
		   <li>link1</li>
		   <li>link1</li>
		  <li>link1</li>
	   </ul>
	</div>

   <div id="Content"><p>Основное содержимое страницы</p></div>
  </div>
</div>

<div id="minwidth">
   <div id="Footer"><p>2007</p></div>
</div>

Вот при таком варианте у меня вылетает IE6. Спасибо за проявленное внимание, Tokolist.

[Tokolist]

shkoda

у Вас (для начала) есть грубейшая ошибка: на одной странице не может быть элементов с одинаковыми id

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

вот как должен выглядеть Ваш код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title></title>
<style type="text/css">
body {
  min-width: 600px;
}

#mainbody {
  background-color: #6dcfff;
}

#nav {
  background-color: #ccc;
}

#content {
  background-color: #fc0;
}

#header, #footer {
  border: 2px dashed #000;
}
</style>

<!--[if lt IE 7]>
<style type="text/css">
body {
  width: expression(documentElement.clientWidth < 600 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 600 ? "600px" : "auto") : "600px") : "auto");
}
</style>
<![endif]-->
</head>
<body>

<div id="header"><p>Заголовок</p></div>

<div id="mainbody">
  <div id="nav">
	  <ul>
		<li>link1</li>
		<li>link1</li>
		<li>link1</li>
	  </ul>
  </div>
  <div id="content"><p>Основное содержимое страницы</p></div>
</div>

<div id="footer"><p>2007</p></div>

</body>
</html>

конечно желательно ЦСС вынести в отдельные файлы

данный код не будет работать в ИЕ ниже 6 версии (5 и 5.5)

если Вам нужна поддержка ранних версий, то придеться сделать один общий

, для которого и задавать min-width вместо боди + модифицировать чуть экспрешн

[shkoda]

Спасибо большое) Я попробую, и напишу, что получилось)

[dmitry-87]

Доброго времени суток! У меня маленькая проблема, я начал изучать верстку и мне прислали задание в котором минимальная ширина сайта 1024px, что это такое и как его едят?

где прописывается значение min-width и как при этом ведет себя страница? как расположить резиновый сайт по центру?