Quite simple question but tried about everything.

what i want is 2 (actually 5) divs next to eachother with the class "container" so i can make a horizontal 1page website. Each div has to be 100% wide. so 2 divs mean 2 screens next to eachother.

This is the css line i have now:

.container { width: 100%; float: left; display: inline; }


I cant get them to line up next to each other.

Here is a visual to make it more clear.

image url for bigger preview: http://www.luukratief.com/stackoverflow.png

The scrolling part is not the issue for me, just the placement of the divs.

Is this possible using percentages or is this simply not possible.
If so, please tell me how to do this with css.

Thanks in advance!


Question: Effects of nuclear explosions in space?
Answer: Space is full of radiation.  Its probably one of the greatest dangers we face in space exploration that we do not have a good solution for.  In 1962 the US Detonated a nuke in space.  The radiation from this is just background noise.  While there are likely to be some highly radioactive particles as a result of the explosion these will disperse so quickly that there would be far greater damage from the explosion in any area where these would be of a concentration to be a concern.