Другие языки программирования и технологии

Как убрать горизонтальную прокрутку?

вот скажем нужна такая примитивная структура это по сути таблица. Как сделать что бы при разрешении 1024 на 768 в браузерах не было горизонтальной прокрутки, то есть голубая плашка появлялась только уже при 1280px
АС
Андрей Стрельников
229
при разрешении 1024 обычно используется размер контейнера 960 пикселей (до 980 примерно) - есть боковая полоса прокрутки + элементы оформления браузера [ + боковые панели - e.g. Opera по умолчанию ]
доктайп любой. опускаю.

<head>
....
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
body { margin:0; padding:0; }
#wrapper { width:980px; padding:25px; background:#6880C6; margin:0 auto; }
#container { background:#C267C6; /* width: 960px; padding:10px; overflow:hidden; */ }
@media all and (max-width: 1030px){
#wrapper { padding:0; }
}
</style>
<!--[if lt IE 9]>
<script type="text/javascript">
function reS(){
$('#wrapper').css({'padding':($('body').width()>1030?'25px':'0')});
}
$().ready(function(){ reS(); $(window).resize(function(){ reS(); }); });
</script>
<![endif]-->
</head>

<body>
<div id="wrapper">
<div id="container">
...
</div>
</div>
</body>

Используется @media запрос для стандартных браузеров. Т. е. при размере окна менее 1030 (при разрешении 1024 так и будет) отступы у внешнего контейнера убираем.
Для IE<9, которые подобных запросов "не понимают" - исправления JavaScript. - В принципе, можно и без jQuery обойтись (ссылку на скрипт парсер обрежет - надо поправить будет) , если он не нужен на сайте.
- Подобным же образом делаются версии для браузеров мобильных устройств с разными разрешениями экрана. - Например, можно убрать сайдбар под контент для экранов менее 800 пикселей по ширине и т. п.
То, что закомментировано для #container скорее всего понадобится. А может и нет))
Баха Бахбердиев
Баха Бахбердиев
60 969
Лучший ответ
У контейнера, который даёт полосу прокрутки, установите style="overflow-x:hidden"
Сергей Зубков
Сергей Зубков
97 584
Дима 0(*;*)0 вообще-то auto, а не hidden, если уж на то пошло
а не пробовала задавать ширину не в пикселях, в а процентах?
тогда и проблем таких не будет
JP
Joni Polian
34 796
ну а если не резиной то делай 776 пикселов шыреной, поместится везде где нужно :)
А вообще стандарты на шырену 616,776,1000,1128,1256,1376,1416,1576,1656,1896,2024
сейчас чаще всего используют 1280х1024 это 1256 пикселов.
JI
Jamoliddin Isaev
4 980
вам нужно верстать резиновый шаблон тогда) вместо пикселей используйте проценты. и все норм)
Саша Губченко
Саша Губченко
1 843

Похожие вопросы