width (%+px)

[berg12]

В общем есть задача, вроде вполне стандартная, но у меня вызвала затруднение.

Есть элемент, в CSS его расположения присутствует margin-left: -7px;

Структура элемента- width: 100%; Но при этом появляется отступ с права, т.к от элемента отняли 7 px, в идеале должно быть так width: 100%+7px;

Если задавать элементу 101%,102%, то появляется не нужная нижняя полоса прокрутки, т.к дизайн резиновый.

Edited November 21, 2012 by berg12

[Great Rash]

Без кода понять что вы хотите проблематично.

[SelenIT]

Не задавать ширину вообще? Блочные элементы ведут себя нужным образом по умолчанию.

Еще можно «добить» недостающие пиксели соответствующим увеличением padding-а или border-а, но скорее всего это не понадобится.

В теории есть width: calc(100%+7px), но пока вот так.

[berg12]

Все было бы просто, если бы элементом была бы не картинка{url ("img") no-repeat}. отрицательный padding, чтобы прижать картинку к краю, картинка прижимается в зависимости от разрешения(@media), на +1280 все центрируется, для IE(6-7) используется более статичная страница. Можно сделать размер картинок статичный, под популярные разрешения, но тогда если менять размер браузера, содержимое будет плавать, а картинки будут меняться только по заданным разрешениям (640,800,1024).

Надеюсь кто-нибудь поймет то что я понаписал)

Edited November 21, 2012 by berg12

[SelenIT]

И что, если картинка? А для IE6-8 — более статичная страница или можно пошаманить с фильтром AlphaImageLoader...

[berg12]

И что, если картинка? А для IE6-8 — более статичная страница или можно пошаманить с фильтром AlphaImageLoader...

Спасибо, то что надо. Ваш образец помог разобраться.

Edited November 22, 2012 by berg12