content moet bovenaan

[xLioness]

in mijn website heb ik 3 kolommen, ieder met tekst. wat nu echter het geval is, is dat de linker en rechter bovenin niets hebben staan, alle inhoud daarvan staat onderaan de kolommen. de middelste heeft de meeste content, en die maakt de pagina dus langer, maar hoe kan ik er dan voor zorgen dat de andere 2 ook gewoon bovenaan beginnen?

dit is de css
html is een div, met 3x een span, 1 voor iedere kolom

#content
	{
		background-image: url("images/content.png");
		clear: both;
	}
	
#content .extra
		{
			display: inline-block;
			position: relative;
			top: 5px;
			left: 50px;
			width: 100px;
		}

#content .info
		{
			display: inline-block;
			position: relative;
			top: 5px;
			left: 200px;
			width: 500px;
		}
		
#content .nieuw
		{
			display: inline-block;
			position: relative;
			top: 5px;
			left: 200px;
			width: 100px;
		}

 

[fritzi]

Plaats in de CSS van je kolommen: float:left;
Dat zou het moeten doen.

Trouwens, het is meer gebruikelijk om voor je kolommen div's te gebruiken (geen span).

Succes!

 

[xLioness]

ik heb zegmaar een afbeelding op de achtergrond (die content.png) en die lengte daarvan moet aanpassen aan de hoeveelheid tekst, maar als ik die floats toevoeg dan doet die afbeelding het niet, dan is de hoogte daarvan 0