Home/ Questions/Q 6049789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T07:36:59+00:00

As the title explains, I have one container div, containing two floating divs of

  • 0

As the title explains, I have one container div, containing two floating divs of varying widths. See it in action here (it’s the “Hotel booking” part):

http://experiencerapanui.com/book_hotel.php?hotel_id=3

I bordered the 2nd div for you. I need this 2nd div to fill out all the remaining space of the container div. I cannot fix the width of the first div, since the width of it varies depending on what the different hotels offer, but I still want the 2nd div (where the prices will appear) to fill out all the remaining space, to not make it so cramped.

How is this result achieved?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    On your “bordered div“, remove float: left and add overflow: hidden.

    For a demo and explanation, see: Fill the space of a div

    I just checked your page with IE. You don’t have a doctype, so your page is hopelessly broken thanks to Quirks Mode.

    Resolve this second problem by adding this (the HTML5 doctype) as the very first line of your HTML:

    <!DOCTYPE html>
    • 0