divs inside a div

[Xtrme_XJ]

I am trying to put multiple divs inside of another div and have them scroll inside the divs... I have the first div with the float set to left and the next 2 float set to right....

div.innerOne
{
	height:95%;
	width: 45%;
	float: left;
}
div.innerThree
{
	height:95%;
	width: 45%;
	float: right;
}
div.innerTwo
{
	height:95%;
	width: 45%;
	float:right;
}

What is happening is that the first Div is fine and the 2nd is directly to the right of it.

The third is on the right side below the 2nd.

I want it on the right side of the 2nd Div

[aj_nsc]

Hmmm...are you sure you want divs? Maybe you want an unordered list something like this:

<div id="parent">
 <ul>
   <li class="blockOne">&nbsp;</li>
   <li class="blockTwo">&nbsp;</li>
   <li class="blockThree">&nbsp;</li>
</div>

And then you could have your stylesheet something like this:

#parent li { list-style: none; display: block; float: left; width: 45%; height: 95%; border: 1px solid #000;}

You might need to play around with the value of width to keep the blocks from wrapping. The border is just there so you can see the blocks.


Alternatively, if you do need to use divs, then just style them all the same:

<div id="parent">
  <div class="innerOne">&nbsp;</div>
  <div class="innerTwo">&nbsp;</div>
  <div class="innerThree">&nbsp;</div>
</div>

#parent div { float: left; width: 45%; height: 95%; border: 1px solid #000; }