Home/ Questions/Q 7049677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T03:03:03+00:00

I have two divs as follows: fluid width content fixed width content I’m trying

  • 0

I have two divs as follows:

fluid width content

fixed width content

I’m trying to make it so that when the available screen width is > 600px, they’ll appear side by side. When the screen is resized below that, the second div needs to drop down below the first one. In either scenario, they need to take up all available width (so when the second one drops down I can’t have a 200px padding/space on the right of the first one).

I believe it’s possible to do this with JS and/or css3/media queries, but I’m wondering if there’s a simpler solution?

To put it in context, I need to design a fluid page that will be displayed via an iframe. I will not be able to control the width of the iframe, so need my two column content to be fluid.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Apply a min-width to the div that’s not floating. If the browser can’t satify the min-width with the floating box to the side, it’ll drop the floating box down and the fluid width box will fill the entire width, until it gets shrunk to its min-width again in which case it overflows the body.

    • 0