Sirinu div-a da bude veca od parent div

[ Insider_m @ 05.03.2013. 13:46 ] @

Dali je moguce sirinu jedan div da bude veca od njegovog parent div-a ? Ali bez absolutno pozicioniranje. evo primer na
Sliku

[ tahuti @ 05.03.2013. 15:00 ] @

Probaj primer http://jsbin.com/ebuxup/1/edit

[ Insider_m @ 05.03.2013. 15:09 ] @

Nije to to, sa ovo nikad nemozes preminuti u novi red. I hocu da child div ima background koji ce da bude 100% od sirinu ekranu, a parent div da bude 960px centriran u odnos ekranu. pokazao sam primer na sliku kako bi trebao da izgleda...

[ s4djan @ 05.03.2013. 18:49 ] @

Ne moze jedino ovako mozes to da izvedes. http://jsbin.com/imuqak/2/edit

[ marinsu @ 09.04.2013. 09:36 ] @

Uhhh stvarno odlicno, ovo nisam ni znao da moze na ovakav nacin, ja sam radio tako sto sam pravio novi css fajl :)
AKo se ne varam ovo je fakticki, da standardan div wrapper promeni boju kada se ubaci drugi div, fakticki mu menja boju pomocu drugog div-a ? Jer se to moze tako prevesti da razumeju i drugi? :) Ja sam tako shvatio po svojoj logici, bem ti css kako zna biti nekad i komplikovan. Nekad se izgubim pa cak ga i ne razumem :)

[ Insider_m @ 10.04.2013. 10:17 ] @

Citat:

s4djan:
Ne moze jedino ovako mozes to da izvedes. http://jsbin.com/imuqak/2/edit

Evo kako sam to uradio:

Imas jedan div evo primes sa klasa "test-class" koji je u jedan "wrapper" div sa nekakvom sirinom

Code:

html:
<div class="wrapper">
     <div class="test-class">
          [...content...]
     </div>
</div>

css:
.wrapper {
    width: 940px;
    margin: 0 auto;
}

.test-class:before {
    background-image: url("..."); /// ili background-color
    background-repeat: repeat;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0px);
    width: 3000px;
    z-index: -1;
}

.test-class {
    position: relative;
    width: 100%;
    z-index: 1;
}

posle to sa media queries mozes da optimiziras sa sirinom na :before