(Resolvido) Padding-top não esta sendo executado corretamente

[mestre fyoda]

O CssClass do <asp:ImageButton tem um padding-top, só que esse padding-top executa toda a div. porque não está executando apenas no <asp:ImageButton ?

#Busca
{
    padding-top: 143px;
    padding-left: 80px;   
}

#Busca .txtBusca
{
    background-color: #FFF;
    border-left: 1px solid #e4e4e4; 
    border-top:  1px solid #e4e4e4;
    border-right:  0px;
    border-bottom:  1px solid #e4e4e4;
    letter-spacing: 1px;
    font-size: 11px;
    color: #333;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    height: 15px;
    vertical-align: middle;
    width: 250px;
 }

#Busca #divPesquisa .classPesquisar
{
    margin-left: -4px;
}



.ddlBusca
{
    font-size: 12px;
    font-family: Verdana;
    height: 20px;
    vertical-align: middle;
}

        <div id="Busca">
            <asp:Label ID="lblBusca" Text="Buscar no Site: " runat="server"></asp:Label>
            <asp:DropDownList ID="ddlBusca" CssClass="ddlBusca" runat="server"></asp:DropDownList>
            <asp:TextBox CssClass="txtBusca" ID="txtBusca" runat="server"></asp:TextBox>
            <asp:ImageButton CssClass="classPesquisar" ID="btnPesquisar" ImageUrl="img/lupa.gif" runat="server" />
        </div>

[*FIT*]

Você disse para o css que o id busca teria padding-top, e o id busca se aplica a div, por isso executa nela inteira, tente aplicar o padding no id btnPesquisar.

Abraços

[mestre fyoda]

FIT, eu retirei o #Busca , e continua a mesma coisa !.

Editado Maio 13, 2010 por mestre fyoda

[*FIT*]

como ta o css agora?

[mestre fyoda]

.classPesquisar
{
    position: relative;
    background-color: #FFF;
    margin-left:   -4px;
    border-left:   0px !important;
    border-top:    solid 1px #e4e4e4;
    border-right:  solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    padding-top: 2px;
}

Editado Maio 13, 2010 por mestre fyoda

[*FIT*]

.classPesquisar
{
    position: fixed;
    background-color: #FFF;
    margin-left:   -4px;
    border-left:   0px !important;
    border-top:    solid 1px #e4e4e4;
    border-right:  solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    padding-top: 5px;
}

Tenta assim ;)

[mestre fyoda]

isso mesmo *FIT*.

Qual a diferença pro position -> Absolute, Relative e Fixed ?

[*FIT*]

Absolute

Gera um elemento absolutamente posicionado, posicionados em relação ao primeiro elemento pai que tem uma posição diferente da estática. A posição do elemento é especificado com a esquerda "," top "," right "e" fundo "de imóveis

Fixed

Gera um elemento absolutamente posicionado, posicionados em relação à janela do navegador. A posição do elemento é especificado com a esquerda "," top "," right "e" fundo "de imóveis

Relative

Gera um elemento relativamente posicionados, posicionados em relação à sua posição normal, por isso "left: 20", acrescenta 20 pixels para a posição esquerda do elemento

.

Melhores explicações em http://www.w3schools.com/css/pr_class_position.asp

[mestre fyoda]

obrigado .

Editado Maio 13, 2010 por mestre fyoda