Meu alinhamento funciona pra uns e outro não

09/01/2013

Pessoal, fiz um CSS para alinhar os meus controles e em um web form funciona, mas em outro não. O que funciona, tem apenas um controle(1 TextBox e 1 Label) e o que não funciona, tem quatro controles de cada(4 labels e 4 textbox). Abaixo o meu código e o meu CSS.

<div class=''divRow''>
<br />
<div class="divLabel">
<asp:Label ID="Label1" runat="server" Text="Nome do Usuário: "></asp:Label>
</div>
<div class="divControl">
<asp:TextBox ID="edtNomeUsu" runat="server" Width="654px"></asp:TextBox>>
</div>
<br />
<div class="divLabel">
<asp:Label ID="Label2" runat="server" Text="Email do Usuário: "></asp:Label>
</div>
<div class="divControl">
<asp:TextBox ID="edtEmailUsu" runat="server" Width="654px"></asp:TextBox>>
</div>
<br />
<div class="divLabel">
<asp:Label ID="Label3" runat="server" Text="Código de Acesso: "></asp:Label>
</div>
<div class="divControl">
<asp:TextBox ID="edtCodUsu" runat="server" Width="654px"></asp:TextBox>>
</div>
<br />
<div class="divLabel">
<asp:Label ID="Label4" runat="server" Text="Tipo de Usuário: "></asp:Label>
</div>
<div class="divControl">
<asp:TextBox ID="edtTipoUsu" runat="server" Width="654px"></asp:TextBox>>
</div>
<br />
</div>

O meu CSS para essas DIV''s.

.divLabel
{
vertical-align: baseline;
padding-right: 4px;
padding-top: 2px;
text-align: right;
width: 130px;
z-index: 0;
float: left;
font-size: 11px;
}
.divControl
{
vertical-align: top;
z-index: 0;
float: left;
}

.divRow
{
width: 100%;
margin-bottom: 4px;
}

.alinhaBotao
{
float: left;
width: 120px;
height: 60px;
}

Pjava

Respostas

09/01/2013

Robson Robsonalves.net

rsrs esse css eu utilizo aqui rsrs..

é um divRow para cada Linha de Divs!

abraços
Responder Citar

09/01/2013

Pjava

Então, foi você quem me passou ele, lembra? Fiz assim e também não funfou!!
Responder Citar

09/01/2013

Robson Robsonalves.net

então no grupo de divs
vc defini um <div class="divRow">
não me lembro até quantas colunas de controles esse CSS vai permitir.

Então
<div class="divRow">
</div>
</div>


<div class="divRow">
<div></div>
<div></div>
<div></div>
<div></div>
</div>


Repito, não lembro quantas colunas ele permite!
Responder Citar

09/01/2013

Pjava

Nesse caso apenas uma.
Responder Citar

31/07/2013

José

Como a duvida aparentemente foi sanada, estou dando o tópico por concluído.
Responder Citar