CSS floating div takes no width space

Question

I have a very, i think basic, question regarding CSS with floating div objects.

i have 5 divs Div1, Div2, Div3, Div4 and Div5 and what i am trying to do is the following

Div1 float to left
Div2, 3, 4, 5 float to the right (in the same order, so will have Div2 displayed at the very right)
have Div3 overlay on top of Div2 4 Div4 and Div5 would shift accordingly

but I am having a trouble positioning Div4 and Div5 right beside Div2 because the Div3 is still take it's place so it leaves a big white space in btw.

any suggestion?

Could you add a sketch or something showing what you want?

Doug
– Doug

2010-09-02 18:26:38 +00:00
Commented Sep 2, 2010 at 18:26 — Doug
– Doug, Commented Sep 2, 2010 at 18:26

Doug · Accepted Answer · 2010-09-02 18:33:20Z

1

Is this what you're looking for? Or maybe this?

answered Sep 2, 2010 at 18:33

Doug

2,6463 gold badges22 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eatdoku Over a year ago

jsbin.com/ipune4/3 is exactly what i was looking for, but i thought there would be a better way of doing it. But thanks a lot!!

Collectives™ on Stack Overflow

CSS floating div takes no width space

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related