floating problem

[richard]

http://1littleworld.com/sample.html

I am attempting to contain the the 3 black boxes within the smaller
green box.
The green box should be as wide as the remainder of the seconadary
container also in black.

Where am I screwing up at?

 

[richard]

http://1littleworld.com/sample.html

I am attempting to contain the the 3 black boxes within the smaller
green box.
The green box should be as wide as the remainder of the seconadary
container also in black.

Where am I screwing up at?

because dummy put the blocks in the wrong place.

 

[dorayme]

http://1littleworld.com/sample.html

I am attempting to contain the the 3 black boxes within the smaller
green box.
The green box should be as wide as the remainder of the seconadary
container also in black.

Where am I screwing up at?

Move the </div> from your:

<div class="mid">main content</div>
<div class="photo">1</div>
<div class="photo">1</div>
<div class="photo">1</div>


to like so:

<div class="mid">main content
<div class="photo">1</div>
<div class="photo">1</div>
<div class="photo">1</div>
</div>