Pogledajte određenu poruku
Staro 05. 10. 2011.   #1
m.stojanov
novi član
Na probnom radu
 
Datum učlanjenja: 03.07.2009
Lokacija: Zajecar
Poruke: 22
Hvala: 2
4 "Hvala" u 1 poruci
m.stojanov is on a distinguished road
Pošaljite poruku preko MSN za m.stojanov
Default 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%;
}
Kako biste vi resili ovakav problemcic?

Poslednja izmena od m.stojanov : 05. 10. 2011. u 12:18.
m.stojanov je offline   Odgovorite uz citat