Dali je moguce sirinu jedan div da bude veca od njegovog parent div-a ? Ali bez absolutno pozicioniranje. evo primer na
Sliku
Sliku
Sirinu div-a da bude veca od parent div
Zaključano
Zakačeno
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...
Ne moze jedino ovako mozes to da izvedes. http://jsbin.com/imuqak/2/edit
1Sviđa mi se :thumbsup: 1
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 :)
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 :)
Potpis
^vip^
Citat:
s4djan:
Ne moze jedino ovako mozes to da izvedes. http://jsbin.com/imuqak/2/edit
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;
}
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