Javascript-форум - Резиновые div`ы через JS

Javascript-форум (https://javascript.ru/forum/)

- Javascript под браузер (https://javascript.ru/forum/css-html/)

- - Резиновые div`ы через JS (https://javascript.ru/forum/css-html/47163-rezinovye-div%60y-cherez-js.html)

Резиновые div`ы через JS

Реализуемо на чистом css. Инфы по адаптивной и резиновой верстке завались.

напиши размер верхнего меню 100%

ну посмотрите как сделано на том сайте. я бы делал вот так

<body>
<div style="width:1000px; margin:0 auto;">
<menu style="position:fixed; top:0; witdh:100%;></menu>
</div>
</body>

Цитата:

Сообщение от Bugert (Сообщение 311431)

Эм...насколько я понимаю, на чистом CSS это нереализуемо. Я просто не хочу растягивать блоки на сто процентов ширины окна. А иначе я не смогу указать боди ширину в процентах соответствующую 1000px, а внутри не смогу указать блоки позиционированные абсолютно или фиксировано с шириной, равной ширине родителя (т.е. боди), т.к. они вываливаются из потока.
А я хочу сделать примерно как тут - http://www.osmos-game.com/.

min-max width, css media queries, не? =)

А ещё можно одновременно задавать left и right, например.

И вот я хочу с помощью JS придать своему фиксированному дизайну резиновость

То что хочешь сделать ты - это велосипед с квадратными колесами.
Если задача научиться писать на js - выбери другую задачу, менее бесперспективную.
Если создать резиновую верстку - ты вовсе не туда попал, это реализуемо, и только с помощью css.

Цитата:

Сообщение от Bugert (Сообщение 311775)

Всем спасибо :) Не знал о существовании медиа-запросов)))

Но теперь возник другой вопрос. Допустим у меня указана фиксированная величина body (1000px). Внутри лежат слои с position: relative и width: 100%. Хочется, чтобы некоторые из слоев можно было растянуть на всю ширину экрана.

Я как нуб написал такой код

<script>
var block1 = document.getElementById("block1");
var html = document.documentElement;
var bodyWidth = document.body.clientWidth;
block1.style.width = getComputedStyle(block1, '') + html.clientWidth - bodyWidth;
</script>

Но он не работает, конечно :))) Подскажите, пожалуйста, есть ли способ сделать то, что я хочу?

Используй css - position:fixed. А вообще тек контейнеры которые должны быть растянуты на всю ширину следует вынести за пределы 1000px, а задавать ширину для боди - сомнительная практика. Обычно в него помещают какой нибудь <div id="wrapper"></div> И задают ему стиль width:1000px;
Еще раз повторюсь - никто,никогда,даже в страшном сне никому такое не приснится, не пытается верстать страницы с помощью js.
Кроме разработчиков html5 игр ))