Home/ Questions/Q 4580498
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T20:47:31+00:00

I have a rather unusual layout that I’m trying to make a reality. There

  • 0

I have a rather unusual layout that I’m trying to make a reality. There is a div containing, for sake of argument, that needs to be fixed at 200px from the left and from the top of a wrapper.

I then have a collection of square images that would all be floated and would continue to the edge of the browser window, and wrap around the absolutely positioned div. I know that absolute positioning takes the div out of the doc flow, which means I can’t think of a simple solution for this.

Has anyone worked out a way around this kind of problem? Potentially with javascript?

EDIT: Here’s the rough layout: link

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m guessing you want more flexibility, but just in case, if your design is reasonably fixed, you can just use 3 columns (container divs) and sort it all out per column.

    If your html is fixed, you could use javascript but I don’t know of any ready-made solutions.

    I would probably use javascript to do some math and inject dummy images / elements behind the black box at the right positions (keeping the black box absolutely positioned). You could also do that server-side.

    • 0