Gracias por la respuesta Marcus. Pero creo que el fallo al que te refieres
es en IE5. Efectivamente en el modelo de caja que hace IE que es incorrecto.
Y es que el tema me pasa en IE6 y ultimas versiones de NS y Mozilla.
Tengo esto para un div:
.solapacontenido {
border: 1px solid;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
width: 200px;
padding-left:10px;
}
Aparentemente creo que no hay nada malo en esa clase. Y el padding hace que
esos 10pix aumenten el width a 210, y esto me pasa en netscape y mozilla no
en IE. En IE lo hace bien, deja padding y no aumenta cuadro.
Ahora bien, si quito ese padding para que salga correcto e intento poner al
contenido del div un margin, para causar el efecto que deseaba y separar el
contenido del borde del div, ejp: margin:10px; Entonces me falla en IE
haciendo el div mas grande y en netscape y mozilla bien. Vamos que tanto
monta monta tanto. O io estoy haciendo el codigo mal, o los 3 navegadores
tienen tanta culpa. Ni uno correcto ni uno incorrecto, los dos incorrectos.
Lo que me extraña es que no haya salido una solucion para esto, es algo que
tuvo que encontrarse muchisima gente. Simplemente un div y un contenido al
cual quieres separarlo del borde del div para que no quede div y contenido
junto. Algo creo que muy comun. Tiene que haber alguna solucion...
Bueno, disculpad las molestias.
Gracias Marcus.
Gracias a todos.
Ciao.
============================
Saludos: Quasi
Javier Fernández Rivera
e-mail: [EMAIL PROTECTED]
Web: http://www.ircorion.net
============================
----- Original Message -----
From: "Marcus" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <[EMAIL PROTECTED]>
Sent: Tuesday, February 24, 2004 1:05 PM
Subject: Re: [Ovillo] [CSS] padding en div
> Mirate este link, aqui te explica lo que te decia antes:
> http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
>
>
>
> Marcus wrote:
>
> > Javier, a ver si algun crack de las css te confirma lo que te voy a
> > decir, ....
> >
> > el problema viene de la diferente e incorrecta manera que tiene el IE
> > de interpretar el padding, border and margin de los div. (Netscape i
> > Mozilla si lo hacen correctamente). Tenia controlado un Hack sobre
> > esto, para que forzar al IE a interpretarlo correctamente, pero lo he
> > buscado y no lo encuentro (se me ha descontrolado, claro.....) si lo
> > encuentro, lo envio.
> >
> > marcus
> >
> >
> > Javier (IRCOrioN) wrote:
> >
> >> Alguien sabe por que al especificar un padding-left a 10px el div que
lo
> >> contiene aumenta proporcionalmente esos 10 pixeles en direccion
> >> contraria,
> >> osea los añade a la derecha, lo que quita de interior de la izq lo
> >> pone a la
> >> derecha.
> >> Esto sucede para cualquier polo alto, bajo, derecha, izquierda.
> >>
> >> Tengo un div y este tiene contenido y si no pongo padding se me junta
el
> >> contenido al borde del div.
> >>
> >> He probado a poner un width a auto a 100% a nada, hacerlo absolute,
> >> relative, de todo. Toy desesperado llevo meses con este problema y
> >> cada vez
> >> que lo abordo me encuentra que nada no hay forma. Y parece un problema
> >> sencillo. y que mucha gente se debio de encotrar.
> >>
> >> Aparentemente en IE no aumenta, sin embargo si se redimensiona en NS y
> >> Mozilla. Lo mas curioso de todo es que entonces pruebo a poner el
> >> contenido
> >> del div <p> con un margin y quito el padding del div, y entonces
> >> donde se
> >> vee mal es en el IE respetando las dimensiones del div en NS y Mozilla.
> >>
> >> Alguien me puede aclarar todo este tinglado?
> >>
> >> Gracias por adelantado.
> >>
> >> Ciao.
> >>
> >> ============================
> >> Saludos: Quasi
> >> Javier Fernández Rivera
> >> e-mail: [EMAIL PROTECTED]
> >> Web: http://www.ircorion.net
> >> ============================
> >>
> >>
> >> _______________________________________________
> >> Ovillo mailing list
> >> [EMAIL PROTECTED]
> >> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
> >>
> >>
> >>
> >>
> >
> >
> > _______________________________________________
> > Ovillo mailing list
> > [EMAIL PROTECTED]
> > http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
> >
> >
>
>
> _______________________________________________
> Ovillo mailing list
> [EMAIL PROTECTED]
> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
>
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
