no va padding con Firefox

Bhen · #1 (**permalink**) 23/04/2007, 02:34

Tengo varias tablas, donde a cada ancho de la columna se lo paso por css, con width, pero, porqué cuando añado un padding al estilo, con el Firefox se descuadra la tablas?? En IE sale bien.
Me podéis dar alguna solucíon para pueda darle padding sin que la columna cambie de tamaño??
gracias

JavierB · #2 (**permalink**) 23/04/2007, 02:59

Hola Bhen

Echa un vistazo a este enlace sobre el modelo de cajas.

Saludos,

Bhen · #3 (**permalink**) 23/04/2007, 08:25

nada! sigo sin lograrlo, en Firefox, en el momento que pongo padding aunq sea solo 1px la columna se ensancha más.

Matixa · #4 (**permalink**) 23/04/2007, 10:08

Hola a todos!!

Yo tengo el mismo problema que Bhen,

Estoy maquetando una web con divs en lugar de tablas, tengo un div con texto dentro al que quiero dar un padding de 20px, pero cuando lo hago, el ancho del div aumenta tb 20px.

A mí tb me falla en firefox pero no en explorer.

Ya he probado a cambiar el doctype, y no va, y tb a poner
* {
margin : 0;
padding: 0; }

al comienzo del css para resetearlo, y tampoco.

Este es mi código, a ver si alguien nos puede ayudar, mil gracias!!

<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

* {
margin : 0;
padding: 0; }

.prueba{
width:300px;
float:left;
background-color:#FF0000;
padding-left:20px;

}
</style>
</head>

<body>
<div class="prueba">
hola que tal
</div>

</body>
</html>

DragonX · #5 (**permalink**) 23/04/2007, 10:55

probá con esto:

Cita:

<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

body {
margin : 0;
}

.prueba{
width:300px;
float:left;
background-color:#FF0000;
padding-left:50px;

}
</style>
</head>

<body>
<div class="prueba">
hola que tal
</div>

</body>
</html>

demiurgo_daemon · #6 (**permalink**) 23/04/2007, 11:00

Bhen y Matixa,

el modelo de cajas dicta que el ancho definido por width no toma en cuenta padding, border ni margin. En otras palabras: para obtener/generar el ancho total de una caja (div, td, etc.) es necesario sumar width+padding+border+margin.

Lo que hace Explorer 6 es que width incluya padding. Esto puede parecer contraintuitivo (¿está bien la palabra?) pero el estándar es muy claro. En Explorer "se ve bien" pero está mal. Por cierto, Explorer 7 ya corrige esto.

Pueden usar la liga que publicó JavierB o una búsqueda en Google para mayor información.

saludos

Bhen · #7 (**permalink**) 24/04/2007, 01:04

Gracias, pero como hago para que sólo se entere Firefox que hay q cambiarlo???, pues con el Explorer 6, 7 y Opera se ve correctamente.