Home/ Questions/Q 1095343
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T00:06:32+00:00

I have several floating divs, which are graphically arranged thusly (their hierarchy in the

  • 0

I have several floating divs, which are graphically arranged thusly (their hierarchy in the code is indicated by numbers):

(1)top left div - (2)div - (3)top right div
(6)bottom left div - (4)div - (5)bottom right div

All divs are currently floating left contained in a wrapper. The problem I’m having is that the bottom left box is lower than where it ought to be. I know why; the last box is floating left of the bottom right and so it’s getting shoved down out of the layout. My question is how do I get that div back up to where it belongs.

Basically the divs are outputting as such:

•••
 ••
•

You should also know that the top left div is taller than the other two top divs, and the bottom left div is shorter than the other two bottom row divs.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Based on the source order, the only way you’ll be able to do this is by specifying a negative margin for the top of the 6th div – if all your heights are measured and it should fit exactly, you’ll probably just specify the height for the negative margin.

    • 0