Home/ Questions/Q 8859171
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T14:59:26+00:00

I have two divs, they look like this: <div style="float:left;">blah</div> <div>blah1</div> In screen resolution

  • 0

I have two divs, they look like this:

<div style="float:left;">blah</div>
<div>blah1</div>

In screen resolution x, these appear as planned like so:

blah blah1

However, in screen resolution less than x, these appear like so:

blah

blah1

This is a width error. How can I get my divs to adjust the width so this doesn’t happen? My widths are set as percents, not as fixed pixels lengths.

NOTE: If possible, I need a way to fix this with auto widths. The content changes per page, so I cannot set even percent widths…. Unless ABSOLUTELY necessary!!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just set a margin on the second div:

    <html><head></head><body>

<div style='float:left;width:200px;background:yellow'>First Div</div>

<div style='margin-left:200px;background:orange'>Second Div</div>

</body></html>

    …and it will fill all the extra space, every time.

    The markup above looks like this:

    enter image description here

    • 0