Here is a question related to a previous query I made on Stack Overflow.
I am currently facing an issue with two horizontally aligned divs within a parent div named ".Parent". The structure of the layout is as follows:
<div class="Parent">
<div style="float:right">
<span>source list</span>
<select size="10">
<option />
<option />
<option />
</select>
</div>
<div style="float:left">
<span>dest list</span>
<select size="10">
<option />
<option />
<option />
</select>
</div>
<div style="clear:both; font-size:1px;"></div>
</div>
The problem arises from the fact that the Parent div is nested inside another div called #main. This #main div has a white background that outlines all content.
Prior to adding floats to the divs within .Parent, everything appeared fine as the containing div adjusted the white background accordingly. However, now that the divs are floated, they no longer expand #main's white background.
If anyone has suggestions on how to make #main recognize its proper dimensions and adjust accordingly or if there is a different approach I should consider, I would greatly appreciate it.
Thank you,
Dave