css - controls within div's

[Harold A. Mackey]

I have created a three-column .aspx web page using css via an external css
file. I can add fonts to the columns, but when I try to add a control the
size of the column is rendered wrong, and takes up the entire space.
Actually, if you click on the control it appears to be taking up all of the
space. I am embedding div's within div's ala:

The html:--------------------

<div id="logo">
<div id="leftlogo">
<asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
</div>
<div id="rightlogo">
</div>
</div>

The css:----------------------------

div#logo {
width: 800px;
height: 65px;
font-family: Georgia, 'Trebuchet MS' , Arial;
}

div#leftlogo {

position: absolute;
left: 0px;
width: 320px;
height: 65px;
text-align: Center;
font-family: Georgia
}

div#rightlogo {
position: absolute;
left: 320px;
width: 480px;
height: 65px;
text-align: left;
}

Any help would be greatly appreciated.
Thanks
Harry

 

[Guest]

Have you tried setting the width of the control?
<asp:checkbox ~~~~ width="xxx" runat="server"></asp:checkbox>