Re: [decss] amplada líquida d'un input text

[David Alcubierre]

Crec que no entenc massa be el que vols. Pots possar un codi de exemple. He intentat reproduir el que vols:

<div style="border:1px solid red;text-align:center;">
    <div style="border:1px solid blue;width:60%;margin:0px 100px;padding: 15px 5px;">
    <input type="text" style="width:100%;">
    </div>
</div>

es això? que es el que no surt bé?

P.D: Disculpeu els style inline, els he posat per anar ràpid.

On Feb 3, 2008 6:04 PM, Sergi Faber <sergi...@gmail.com> wrote:

Hola a tots,

Tinc un DIV que va centrat horitzontalment dins d'un altre DIV contenidor, amb amplada líquida i un cert padding, per exemple:

margin:0px 100px;
padding: 15px 5px;

Com puc posa-hi un input text tal que la seva amplada sigui el 100% disponible, és a dir, que ocupi tot l'aple disponible dins del DIV anterior, respectant-ne el padding?

Si li defineixo un width: 100%, només l'opera sembla entendre-ho bé, FF i Safari es mengen el padding dret del DIV que conté l'input text i el borde dret d'aquest toca (de fet no es veu, queda amagat) el borde dret del DIV.

No trobao la manera de que funcioni com vull en FF/Safari, potser m'estic encallant en una tonteria. Veieu que puc estar fent malament?

Salut!

--
Sergi Faber

--
David Alcubierre (Kedume)

www.kedume.net/blog/ | www.kedume.net/web/ | www.kedume.net/conversa/ | www.kedume.net/juegos/ | top.blogs.es | www.vidaextra.com | www.vayatele.com | www.infonomia.com

[Sergi Faber]

Hola David,

Disculpa, he esborrat desseguida el missatge de la llista, però veig que he fet tard...

Tenia un problema degut a herencies d'estils base d'elements de formulari, com un padding esquerra per l'input text i altres, que evidentment feien creixer la seva amplada més enllà del que creia que era el 100%, resetejant els estils heredats ja funciona bé.

De tota manera, aprofitant... si l'amplada és del 100% i l'input text té un border d'Xpx... sent exactes hi ha manera de dir que l'amplada sigui del 100% - els px que del el borde dret i esquerra, i si li afegim que volem un padding esquerra??? La cosa es va complicant o realment avui no enfoco bé el tema...

Salut!

El 03/02/08, David Alcubierre <ked...@gmail.com> ha escrit:

--
Sergi Faber

[David Alcubierre]

No se si ho entenc massa, però si el que vols fer es que el input tingui 100% -el pixels dels bordes esquerra y dreta crec que ho pots aconseguir canviant el marge del input. Per exemple margin-left:-1px;margin-right:-2px; afegiria un pixel d'amplada per cada banda. Encara que jo ho deixaria així, si el disseny o pot permetre.

2008/2/3 Sergi Faber <sergi...@gmail.com>: