(son 3 divs el contenedor el derecho y izquierdo)
pero cuando lo ejecuto como los checkbox de la derecha se ocultan se mueve la estructura y queda así:
y si por ejemplo solo quiero activar esos se ve el de la derecha así feo y mal:
(son mas pero no los e agregado por ese detalle...)
el ccs que aplique:
Código:
y en la pagina asp lo aplico así:.ContenidoSinTablas { width: 480px; } .ContIzqSinTablas { float:left; width: 240px; } .ContDerSinTablas { float:left; width: 240px; } .SinTablas { text-align:left; margin: 10px 0; } .SinTablas p { width: 45%; float: left; }
Código HTML:
<fieldset> <legend>Seleccione</legend> <div class="ContenidoSinTablas"> <div class="ContIzqSinTablas"> <div class="SinTablas"> <p> <asp:CheckBox ID="abastCB" runat="server" Text="Abastecimiento" AutoPostBack="True" OnCheckedChanged="abastCB_CheckedChanged" /> </p> <asp:CheckBoxList ID="abastCBL" runat="server" Visible="False"> <asp:ListItem>BD Unific. Prov.</asp:ListItem> <asp:ListItem>Comp. Prec. Pais</asp:ListItem> <asp:ListItem>Conv. Compras</asp:ListItem> <asp:ListItem>Esp. Tecnicas MP</asp:ListItem> <asp:ListItem>List Unif. MP Eq.</asp:ListItem> <asp:ListItem>Requerido MP</asp:ListItem> </asp:CheckBoxList> </div> </div> <div class="ContDerSinTablas"> <div class="SinTablas"> <p> <asp:CheckBox ID="comercialCB" runat="server" Text="Comercial" AutoPostBack="True" OnCheckedChanged="comercialCB_CheckedChanged" /> </p> <asp:CheckBoxList ID="comercialCBL" runat="server" Visible="False"> <asp:ListItem>Cont. Clientes</asp:ListItem> <asp:ListItem>Info. Vent. Rec.</asp:ListItem> </asp:CheckBoxList> </div> <div class="SinTablas"> <p> <asp:CheckBox ID="infoCorpCB" runat="server" Text="Info. Corp." AutoPostBack="True" OnCheckedChanged="infoCorpCB_CheckedChanged" /> </p> <asp:CheckBoxList ID="infoCorpCBL" runat="server" Visible="False"> <asp:ListItem>Contr. Prep. Corp.</asp:ListItem> </asp:CheckBoxList> </div> </div> </div> </fieldset>