Que alguien me corrija si me equivoco, pero es que así debe ser. Según el W3C el width: 200px se refiere al contenido, por tanto, los padding, borders y margins se añaden definiendo el tamaño exacto de la caja.

De todas formas, te dejo por aqui un enalce que tal vez te sirva de ayuda:
http://css-discuss.incutio.com/?page=BoxModelHack

Salu2

Javier (IRCOrioN) wrote:
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

  
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a