O elemento html <input> ignora as propriedades CSS esquerda + direita?

Question

Jan 16, 2009, 01:43 PM

O elemento html <input> ignora as propriedades CSS esquerda + direita?

Eu notei que o<input> O elemento HTML ignora o par CSS das propriedades "esquerda" e "direita". O mesmo para o par "superior" e "inferior". Veja o código de exemplo abaixo:

<html>
    <head>
        <style><!--
        #someid {
            position: absolute;
            left: 10px;
            right: 10px;
            top: 10px;
            bottom: 10px;
        }
        --></style>
    </head>
    <body>
        <input type="text" id="someid" value="something"/>
    </body>
</html>

o<input> deve ocupar quase todo o espaço do navegador (exceto uma borda de 10 px em torno dele). Funciona bem no Safari, mas no FireFox e IE o<input> permanece pequeno no canto superior esquerdo do navegador.

Se eu usar "left" e "width" e "top" e "height", tudo funcionará bem. No entanto, não sei qual é a largura e a altura. Quero que sejam ajustadas, dependendo do tamanho da janela do navegador.

Alguma idéia de como contornar isso?

Obrigado.