problema con padding

Finseneu · #1 (**permalink**) 30/10/2006, 23:38

mi problema es que a un bloque que por ej mide 100 pixels de ancho, le agrego la propiedad "padding: 2px" y pasa a medir 104pixels.
no entiendo porque y no le encuentro la vuelta para anular este efecto, yo solo quiero que el contenido del bloque quede separado de los bordes del mismo.
gracias por cualquier ayuda.

webosiris · #2 (**permalink**) 30/10/2006, 23:44

eso es algo totalmente normal y correcto.
El ancho total = width + padding left + padding right + border left + border right + margin left + margin right

Mirá el modelo de caja:

Finseneu · #3 (**permalink**) 31/10/2006, 00:00

o sea que para el caso deberia poner width en 96 en vez de 100?

webosiris · #4 (**permalink**) 31/10/2006, 00:45

Cita:

Iniciado por Finseneu

o sea que para el caso deberia poner width en 96 en vez de 100?

si

(si los bordes y el margin son 0)

Rafael · #5 (**permalink**) 01/11/2006, 16:48

Pero Ie lo interpreta al revés, el pading lo pone hacia adentro.

AlZuwaga · #6 (**permalink**) 01/11/2006, 18:15

Cita:

Iniciado por Rafael

Pero Ie lo interpreta al revés, el pading lo pone hacia adentro.

en ¿quirks mode?

Rafael · #7 (**permalink**) 01/11/2006, 19:53

Voy a confirmar algunas combinaciones de versiones.

webosiris · #8 (**permalink**) 01/11/2006, 20:03

Cita:

Iniciado por Al Zuwaga

en ¿quirks mode?

si, eso es debido al defectuoso modelo de cajas que aplica IE <= 6 cuando entra en Quirks mode.

La solución: poner bien el doctype para que IE funcione en modo "estándar"

AlZuwaga · #9 (**permalink**) 01/11/2006, 20:34

Gracias por confirmar mi pregunta capciosa

ñ_ñ

Rafael · #10 (**permalink**) 01/11/2006, 21:30

Hum, y yo queriendo descubrir el hilo negrtype.

sjam7 · #11 (**permalink**) 01/11/2006, 22:38

Cita:

Iniciado por webosiris

si, eso es debido al defectuoso modelo de cajas que aplica IE <= 6 cuando entra en Quirks mode.

La solución: poner bien el doctype para que IE funcione en modo "estándar"

Oye, mi escaso ingles no me permite entender cual es el doctype correcto para esto, yo uso este:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

En todas mis paginas...

Rafael · #12 (**permalink**) 02/11/2006, 15:35

Trata el
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">