Форум hotibo.ru

Mysticism · 20.04.2014 17:16

Во общем задача такая есть два блока с картинками к примеру серые квадраты.
если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024.
Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

kolyuchii · 22.04.2014 16:12

Центральный блок статичен?

kolyuchii · 22.04.2014 16:16

Если да, тогда так:

HTML

Код:

    
    
    
    
    
        
            
                Вот как-то так

CSS

Код:

.left{
    background: url(left.jpg) no-repeat top left;
}
.center {
    background: gray;
    width: 1024px;
    margin: auto;
    height: 500px;
}
.right {
    background: url(right.jpg) no-repeat top right;
    width: 100%;
}

Отредактированно kolyuchii (22.04.2014 16:17)

Mysticism · #4 26.04.2014 00:35

Ну блок то статичен и имеет стандартную ширину.
Но в твоем примере не то...так то я сама знаю..

Смысл что бы края картинок которые по краям моника должны обрезаться а не внутренне, и быть частью бека контента...

как на картинке..

Код:


Главная



 wedr

блок с айдишником outside если сузить размер окна бэк начинает зарезаться с бока так вот надо что бы было по обоим бокам так же и здоровые картинки которые не наезжали бы ещё друг на друга.

Отредактированно Mysticism (26.04.2014 12:55)

Mysticism · 28.04.2014 17:59

Уже не актуально....

Форум hotibo.ru

#1 20.04.2014 17:16

Резиновые Элементы c обрезанием при min-width

#2 22.04.2014 16:12

Re: Резиновые Элементы c обрезанием при min-width

#3 22.04.2014 16:16

Re: Резиновые Элементы c обрезанием при min-width

Код:

Код:

#4 26.04.2014 00:35

Re: Резиновые Элементы c обрезанием при min-width

Код:

#5 28.04.2014 17:59

Re: Резиновые Элементы c обрезанием при min-width

Board footer