Estimados:
Estoy intentando armar un formulario de ingreso de datos, usando divs para mostrarlo con dos columnas. En diseño se ve bien, pero en el explorador se ve desfazado.
Código HTML:
.FormLabel
{
float:left;
position:relative;
width:50%;
text-align:right;
}
.FormInputControl
{
float:right;
position:relative;
width:50%;
text-align:left;
}
.LineaForm
{
position:relative;
margin-top:auto;
width:20;
}
Código HTML:
<div id="form" style="width:400px">
<div class="LineaForm">
<div class="FormLabel"><asp:Label ID="LabelCodigo" runat="server" Text="LabelCodigo"></asp:Label></div>
<div class="FormInputControl"><asp:TextBox ID="TextBoxCodigo" runat="server"></asp:TextBox></div>
</div>
<div class="LineaForm">
<div class="FormLabel"> <asp:Label ID="LabelFamilia" runat="server" Text="LabelFamilia"></asp:Label></div>
<div class="FormInputControl"><asp:DropDownList ID="DropDownListFamilia" runat="server"
DataSourceID="ObjectDataSourceFamilia" DataTextField="Nombre"
DataValueField="idFamilia">
</asp:DropDownList>
</div>
</div>
<div class="LineaForm">
<div class="FormLabel"> <asp:Label ID="LabelNombre" runat="server" Text="LabelNombre"></asp:Label>
</div>
<div class="FormInputControl"> <asp:TextBox ID="TextBoxNombre" runat="server"></asp:TextBox></div>
</div>
<div class="LineaForm">
<div class="FormLabel"> <asp:Label ID="LabelDescripcion" runat="server" Text="LabelDescripcion"></asp:Label></div>
<div class="FormInputControl"> <asp:TextBox ID="TextBoxDescripcion" runat="server"></asp:TextBox></div>
</div>
<div class="LineaForm">
<div class="FormLabel"><asp:Label ID="LabelStock" runat="server" Text="LabelStock"></asp:Label></div>
<div class="FormInputControl"> <asp:TextBox ID="TextBoxStock" runat="server"></asp:TextBox></div>
</div>
<div class="LineaForm">
<div class="FormLabel"><asp:Label ID="LabelStockCritico" runat="server" Text="LabelStockCritico"></asp:Label></div>
<div class="FormInputControl"> <asp:TextBox ID="TextBoxStockCritico" runat="server"></asp:TextBox></div>
</div>
<div class="LineaForm">
<div class="FormLabel"> <asp:Label ID="LabelPrecio" runat="server" Text="LabelPrecio"></asp:Label></div>
<div class="FormInputControl"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div>
</div>
<div class="LineaForm">
<div><asp:Button ID="ButtonGuardar" runat="server" Text="Guardar" onclick="Button1_Click" /></div>
</div>
</div>
Alguna idea?
Muchas gracias