Как сделать "резиновый" дизайн

Links Forever · 2009-06-21T21:39:59.0000000Z

Есть сайт, нужно сделать так, чтобы он растягивался на разрешение 1280 точек (но не шире!), при этом сжимался, если у пользователя 1024 точки. Как это сделать? Еслт сайт обрамляю таблицей: <table align="center" width="1250"><tr><td> То при разрешении 1024 он идет с прокруткой, что недопустимо, если использую без таблицы, то при разрешениях более 1250 точек он тоже растягивается на весь экран. Что-то в голову ничего не приходит. Как сделать?

225

ewg777

22 июня 2009, 09:47

#11

_alk0g0lik_:
А что в моем не верно, оно прекрасно работает!

Почему Вы не отвечаете на мои ответы!

Это вопрос?

329

Links Forever

22 июня 2009, 10:07

#12

ewg777:
Почему Вы не отвечаете на мои ответы!

Это вопрос?

Ну да. :) Верно читать так:

А что в моем не правильно? Оно прекрасно работает!

_alk0g0lik_ добавил 22.06.2009 в 15:04

_voland_:
в коде
в css

#wrapper {min-width:1000px;	max-width:1400px; margin:0 auto;background: url("../images/back.png") repeat;}

в css для IE

#wrapper {

	width:expression((document.documentElement.clientWidth > 1400) ? "1400px" : (document.documentElement.clientWidth < 1000) ? "1000px" : document.documentElement.clientWidth ); 

}

А можно их объединить?

Например так:

.wrapper {

min-width:1000px;

max-width:1400px;

margin:0 auto; repeat;

width:expression((document.documentElement.clientWidth > 1400) ? "1400px" : (document.documentElement.clientWidth < 1000) ? "1000px" : document.documentElement.clientWidth );

}

</style>

Я очень люблю вкусные рецепты (https://povar24.info) квашеной капусты (https://kvashenaya-kapusta.ru/) и салат оливье (https://salatolive.ru/).

329

Links Forever

23 июня 2009, 11:09

#13

_voland_:
в коде

<body>

  <div id="wrapper">

  </div>

</body>

в css

#wrapper {min-width:1000px;	max-width:1400px; margin:0 auto;background: url("../images/back.png") repeat;}

в css для IE

#wrapper {

	width:expression((document.documentElement.clientWidth > 1400) ? "1400px" : (document.documentElement.clientWidth < 1000) ? "1000px" : document.documentElement.clientWidth ); 

}

В 7-ом explore'ре не работает :( В 8-ом всё ОК.

G

37

gordi

23 июня 2009, 18:14

#14

Можно и так:

body {margin:0 auto;min-width:990px;max-width:1280px;}

*html body {

  width:expression(

  document.documentElement.clientWidth < 990 ? '990px' :

  (document.documentElement.clientWidth > 1280 ? '1280px' : 'auto'));

}

Все о разметке web-страниц (http://csslayout.ru)

X

40

xneofit

23 июня 2009, 22:44

#15

Посмотрите как у меня это реализовано на входной странице моего сайта. Вам такое "резиновое" исполнение нужно? Если да - смотрите код, так все понятно.

ССЫЛКА

Даете уроки? Транслируйте их через ВЕБ-камеру для народа онлайн и получайте деньги. Заходим ! (http://www.chat.zavisay.ru)

Все что нужно знать о DDоS-атаках грамотному менеджеру

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов