ansaurus

Question

Answer 1

A:

Well, for a start, I would suggest that you make the right column float to the right - that should put it next to the left column. Not sure about the width of the left column though.

a_m0d 2009-06-19 00:16:22

Answer 2

+1 A:

I think you'll get the effect you want if you just don't float the second div.

<body>
<div id="parent_div" style="width: 100px; height: 100px;">
<div id="left_column" style="background-color: blue; float: left;"> blue </div>
<div id="right_column" style="background-color: red;"> red </div>
</div>
</body>

In firefox, this does exactly what you want. The red column takes up any remaining space not taken by the blue column.

womp 2009-06-19 00:18:21

Man thanks a ton. I wish it wasnt this easy because now I look dumb.

2009-06-19 00:35:31

No problem. You should mark answers as "accepted" if they solve your problem ;)

womp 2009-06-19 03:49:16

ansaurus

tags:

views:

answers:

HTML: split a parent div "fluidly"

related questions