Javascript-форум - видимость слоя в зависимости от ширины монитора

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

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - видимость слоя в зависимости от ширины монитора (https://javascript.ru/forum/xhtml-html-css/25484-vidimost-sloya-v-zavisimosti-ot-shiriny-monitora.html)

видимость слоя в зависимости от ширины монитора

по умолчанию сайт разверстан с 960 пкс шириной

но если монитор больше, то почему бы не использовать это?

как это реализовать?

нужен какой то простой скрипт, который делал бы видимым определенный слой, если ширина монитора больше, чем, скажем 1100 px

:help: :help: :help:

on DOMContentLoaded просто проверяйте размер экрана и если устраивает, выполняйте какой то код, который что-то перемещает/дорисовывает

UPD прошу прощения, совсем не обязательно ждать загрузки страницы. @see window.screen

я прошу прощенья, я вообще не алло пока по яве.

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

wmag,

Для нормальных браузеров через директиву @media из css3
Для 8 осла и ниже скриптом.

Цитата:

Сообщение от wmag

готовый пример

Простите, но так не честно.
Работа

Цитата:

Сообщение от poorking

Простите, но так не честно.
Работа

не совсем понял?

Seva1986,
Не вам ) это на просьбу готовый код дать

Эх, да ладно, шо тут...

 
<script type = "text/javascript">
   if (window.screen.width > 1024) {
         doSomething()
    }
</script>

poorking,

А ясно :)

Цитата:

Сообщение от wmag (Сообщение 155800)

по умолчанию сайт разверстан с 960 пкс шириной

но если монитор больше, то почему бы не использовать это?

Ни вкоем случае НЕ использовать ЭТО - голова устает поворачиваться, читая такие широкие сайты!
Читайте сабж по вёрстке книг!

Цитата:

Сообщение от Serg_pnz

не вижу проблемы, на 1200 контент вполне нормально да и больше немного можно. вот на 1680 или 1920 разворачивать контент действительно не есть гуд.

да там не в контенте дело, так картинка для лучшего отображения ;)

<script type = "text/javascript">
   if (window.screen.width > 1024) {
         doSomething()
    }
</script>

а в doSomething() - как объяснить браузеру что б он сделал слой видимым?

Вопервых это window.screen.width
вернёт, ширину экрана, а не окна браузера, во вторых если юзер изменит размер то что будет?

Вобщем дайте код напишу Вам.
и кстати 8 осёл нужен?

Цитата:

Сообщение от Seva1986 (Сообщение 155812)

На тексте и 1200 на мой вкус много

Вот мой код, может помогу чем

<body onload="getWindowSize(); " onresize="getWindowSize(); ">

function getWindowSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
if (myWidth>1280){
dd111.style.width = '1250px'
} else {
dd111.style.width = '100%'
}
}