|
(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
05. 10. 2011. | #1 |
novi član
Na probnom radu
|
Fiksno pozicioniranje div-a u odnosu na roditelja
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%; } Poslednja izmena od m.stojanov : 05. 10. 2011. u 11:18. |
|
|