Проблема заключается в следующем:
У меня есть меню ширины ширины, которое создается путем создания большого поля справа и слева. Это поле должно быть обрезано overflow-x: hidden
, и это... нет полос прокрутки, все (визуально) нормально...
Но если вы перетащите страницу (используя Mac Lion) или прокрутите вправо, на странице появится огромный батон, который должен был обрезаться с помощью overflow-x:hidden
.
CSS
html {
margin:0;
padding:0;
overflow-x:hidden;
}
body {
margin: 0 auto;
width: 950px;
}
.full, .f_right {
margin-right: -3000px !important;
padding-right: 3000px !important;
}
.full, .f_left {
margin-left: -3000px !important;
padding-left: 3000px !important;
}
Вот ссылка: http://jsfiddle.net/NicosKaralis/PcLed/1/
Вам нужно открыть в черновике, чтобы увидеть... jsfiddle css каким-то образом заставляет его работать.
@Krazer
У меня есть и структура такая:
body
div#container
div#menu_bar
div#links
div#full_bar
div#content_body
...
#container представляет собой центрированный div и имеет фиксированную ширину 950px, #full_bar - это панель, которая распространяется на все окно, с одной стороны на другую
если я ставлю ширину 100% в #full_bar, он получит только внутреннюю ширину, а не ширину окна