Board index » Web Programming » css - controls within div's

css - controls within div's

Web Programming176
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


-
 

Re:css - controls within div's

Have you tried setting the width of the control?

<asp:checkbox ~~~~ width="xxx" runat="server"></asp:checkbox>



"Harold A. Mackey" wrote:



Quote
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







-