Floating div aligning problems?

The problem is that divs are always floated horizontally, not vertically. What you want to do here is to float the extracontent s vertically, while keeping the horizontal relationship. To do this, wrap all the extracontent divs in a '.

Allextras` div, with the following css: allextras { clear: left; float: left; width: 220px; } Or however you want it styled to get the margins the way you want.

The problem is that divs are always floated horizontally, not vertically. What you want to do here is to float the . Extracontents vertically, while keeping the horizontal relationship.To do this, wrap all the .

Extracontent divs in a '. Allextras` div, with the following css: . Allextras { clear: left; float: left; width: 220px; } Or however you want it styled to get the margins the way you want.

It worked! Thank you so much, I tried this before without the width and it change haha – user645607 Jul 28 at 1:50.

Im not particularly sure of what you want to achieve. If you want to have two extra content panels beside each other, your either going to have to widen or shrink extra and main content. To do this I recommend that you use some JQuery to determine the amount of .

Extracontent and then change the width according to that. The best way would be to put . Extracontent inside a container with static width and then do something like: divide extracontent.

Width by (extracontent in parent).count. You could also stretch #content to have a min-width instead of fixing the width to be 1000.

As defined in your CSS, your #content has width 810px, your . Maincontent has width 506px and your . Extracontent has width 200px.

If you add an extra . Extracontent, you will have total 906px. So it goes beyond 810px and slides down.

Supposed to slide down, I want the main content div to be at the same level as the first extracontent div you'll see if you look at the jsfiddle – user645607 Jul 28 at 1:50.

Your #content that surrounds the one #maincontent and two #extracontents has a smaller width then all of them. 506 + 200 + 200 + all of the margins > 810px. Give it some more room and your divs won't drop to other levels.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.