Is it possible to float two divs side-by-side without setting width?

Discussion in 'HTML & Website Design' started by qazwsxed, Apr 5, 2011.

0
  1. #1
    I'm trying to put two divs side by side. I want the div on the right to take up as much room as it needs (php echos code for an image in this div, so the width needs to be variable for images of different widths) and the one on the left to take up whatever room is left. I can't get it to work without setting the width of the left div in advance, though. Is what I'm asking possible?
    Thanks
     
    qazwsxed, Apr 5, 2011 IP
  2. amardesign

    amardesign Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think its not possible because when you using float, you need fixed width or else it will go down.Maybe you should set a div container and set fixed width like 50% left and 50% right.
     
    amardesign, Apr 8, 2011 IP
  3. boundlessmartin

    boundlessmartin Active Member

    Messages:
    714
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    why don't you let them overlap each other?Obviously what you have to the left is less important and probably is some sort of menu. To the right is a photo Got may an image of what you had in mind. If i were to create something like this, i wouldn't use javascript to set width for my framework.
     
    boundlessmartin, Apr 8, 2011 IP
  4. the-sand-man

    the-sand-man Active Member

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #4
    Try using width: auto;
     
    the-sand-man, Apr 9, 2011 IP