Как убрать горизонтальную прокрутку на сайте
Автор Паку Олег задал вопрос в разделе Другие языки и технологии
Как убрать горизонтальную прокрутку? и получил лучший ответ
Ответ от Александр Ермилов[гуру]
при разрешении 1024 обычно используется размер контейнера 960 пикселей (до 980 примерно) - есть боковая полоса прокрутки + элементы оформления браузера [ + боковые панели - e.g. Opera по умолчанию ]
доктайп любой. опускаю.
<head>
..
<script src="ссылка" 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 скорее всего понадобится. А может и нет))
а не пробовала задавать ширину не в пикселях, в а процентах? тогда и проблем таких не будет
вам нужно верстать резиновый шаблон тогда) вместо пикселей используйте проценты. и все норм)
У контейнера, который даёт полосу прокрутки, установите style="overflow-x:hidden"
ну а если не резиной то делай 776 пикселов шыреной, поместится везде где нужно 🙂 А вообще стандарты на шырену 616,776,1000,1128,1256,1376,1416,1576,1656,1896,2024 сейчас чаще всего используют 1280х1024 это 1256 пикселов.