Как реализовать ограничение растягивания сайта?

#1 21 февраля 2010 в 01:30

до 1280 пикселей в ширину, если страница шире, то содержимое остается шириной 1280 и выравнивается по центру.

CSS: 
#maindiv { 
max-width:1280px; 
width: 100%; 
width: expression (document.body.clientWidth > 1280? ‘1280px': ‘100%'); 
} 
 
HTML: 
<body> 
<center><div id=maindiv><div style=‘text-align:left;'> 
……… 
</div></div></center> 
</body>

Проблема в том, что работает только в Мозиле.
Опера не реагирует, зато все содержимое центруется.
Эксплорер реагирует, но тоже содержимое центруется.

Кто разбирается в cms помогите исправить.
Полагаю многим пригодится.

#2 21 февраля 2010 в 11:27

andrei, а причем тут cms? У меня все работает таким вот образом

 
CSS:
#maindiv { width:100%; max-width: 1280; text-align: left; }
HTML:
<body>
<div align="center">
<div id="maindiv">
.............
</div></div></body>

expression для IE6 не использую, так как им сто лет уже никто не пользуется.
Конечно, если будет вот так написано:

 
CSS:
#maindiv { width:100%; max-width: 1280; text-align: left; }
#mystyle { text-align: center; }
HTML:
<body>
<div align="center">
<div id="maindiv">
<div id="mystyle">
.............
</div></div></div></body>

то текст будет по центру.

лучший сервер для Вашего сайта

#3 21 февраля 2010 в 14:07

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

P.S. На другом сайте у меня такой проблемы нет, по этому говорю про кроссбраузерность и я не знаю эту cms, может в ней тоже дело, как предположение.

Кто может поправить?
Или пожалуйста объясните почему в опере проблемы.

Сегодня в 16:26

#4 21 февраля 2010 в 14:46

для выравнивания блока по центру не используйте тег center, а делайте через margin:auto

 
 <div style="margin-left: auto; margin-right: auto;"> ... </div>

Вопросы и ответы

#5 21 февраля 2010 в 15:06

Только что проверил с Оперы, Лисы, ИЕ8, Оперы АС, ГуглеХрона ( 😊 )! Все работает и ни что никуда не растягивается!

лучший сервер для Вашего сайта

#6 21 февраля 2010 в 23:35

А у меня не выходит. Текст на странице центруется.
На вариант, Администратора, браузеры не реагируют.
Видимо руки кривые.
У кого точно получится, дайте знать

#7 22 февраля 2010 в 01:08

Maximov, а что вставить между тегом <body> ?
У меня ограничение в растягивании появляется, но сам сайт привязывается к левому краю а хотелось бы по середке…

#8 22 февраля 2010 в 02:13

 
CSS: 
#maindiv{
	width:100%;
	max-width:1280px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
HTML:
<body>
<div id="maindiv">
.............
</div></body>

Я у себя вот так сделал, по совету Админа. IE7-8, Опера, Mozilla Firefox все кажет как надо.

#9 22 февраля 2010 в 03:25

Спасибо Слава. То что надо!

Появилась проблема.

Не пойму как поменять местами

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Как реализовать ограничение растягивания сайта?

Похожие темы

Опрос: мультисайтовость

Изображения растягиваются

Как сделать default шаблон резиновым?

Посоветуйте как лучше реализовать

Ограничение контента для незарегистрированных

Ограничение по рейтингу

InstantCMS Team

О проекте

Поддержка

Дополнения