extra div langs container

Door Tim Fendt op 10-11-2011 14:32 gewijzigd op 10-11-2011 14:33

2.526 views

Hallo mensen,

Ik zit met een vraag of dit mogelijk is en op welke manier dan. Misschien dat jullie wat hints kunnen geven met hoe ik dit oplos.

image

Kijk aan de linkerkant van mijn container wil ik graag nog een div(op de foto in het rood) die daar mooi blijft hangen. De container heeft een margin-left: auto; en een margin-right: auto;

Alle hulp is welkom

Tim

Frank C

10-11-2011 19:09 gewijzigd op 10-11-2011 19:10

Je hebt het hier over een element positioneren naast een gecentreerd element. Hoe dat te doen - er zijn meerdere methodes - staat hier uitgelegd: How to Center in CSS. Het staat ergens op eenderde van onderen.

Laat even weten hoe het uitpakt s.v.p.

Tim Fendt

11-11-2011 13:02

Frank C,

Echt super bedankt!

Dit is het resultaat. Even een stukje code voor de geintresseerden:
css:


#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 600px;
	background-color: #F2F2F2;
	position: relative;
}
#menu_float{
	width: 100px;
	height: 200px;
	background-color: #ff0000;
	right: 1034px;
	position: absolute;
	top: 150px;
}

html:


<body>
	<div id="wrapper">
		<div id="menu_float">
			eerste<br/>
			tweede<br/>
			derde
		</div>
		<div id="header"></div>
		<div id="content">
			bla bla content
		</div>
	</div>
</body>

Groeten!

Wouter J

11-11-2011 13:08

Ah, net te laat zo te zien.

Ben een hele tijd opzoek geweest naar het voorbeeld dat ik een jaar geleden gemaakt had voor zo'n zelfde vraag. En voor de mensen die dit willen weten: http://waldio.webatu.com/CSS/out_the_box.html

Reageren

Inloggen om te reageren