Pozdrav ljudi. Radim neki template i evo sta sam zamislio:
Dakle ima #wrapper div koji je centriran i ima 900px. Aside element treba da bude fiksiran i tu se javlja problem - umesto da se fiksira u odnosu na wrapper, on se fiksira u odnosu na body. To je okej, zato sto u CSS specu za position: fixed i pise:
The value fixed generates an absolutely positioned box
that’s positioned relative to the initial containing block (normally the viewport).
Ali, ja zelim da se fiksira u odnosu na wrapper, zato sto jedino tako mogu biti siguran da ce aside biti na pravom mestu za bilo koju rezoluciju. Evo koda:
...
Kôd:
<body>
<div id="wrapper">
<div id="content">
</div>
<aside id="sidebar">
</aside>
</div>
</body>
Kôd:
#wrapper {
position: relative;
width: 900px;
margin: 0 auto;
}
#content {
width: 610px;
float: left;
}
aside {
position: absolute;
top: 120px;
left: 660px;
width: 240px;
height: 100%;
}
Kako biste vi resili ovakav problemcic?