overlapping 1

[ecannizzo]

I hope someone can help with my div css code. I have a datagrid on the right side of the screen and some dropdowns on the left. Everything looks fine however if you shrink the browser screen, instead of getting a horizontal scroll, the divs overlap each other. Any ideas on how I can fix this?

<div style="width:75%;">
<div style="position:absolute;right:0;">
<!-- datagrid here-->
</div>

<div style="padding-bottom:2px;">
<span class="PurpleLetters" style="left:200;position:absolute;width:150px;">Reason for Appointment</span>
<span style="left:150px;position:relative;"><aspropDownList runat="server" CssClass="clsContentTextDDL" ID="ReasonForAppt" AutoPostBack="true" OnSelectedIndexChanged="ReasonForAppt_SelectedIndexChanged">
</aspropDownList></span>
</div>



</div>

 

[monksnake]

remove position:absolute from the page. You may have to change other CSS styles to get it to look how it does now, but it won't overlap.

<.