Ver Mensaje Individual
  #17 (permalink)  
Antiguo 13/10/2006, 06:15
Avatar de spider_boy
spider_boy
 
Fecha de Ingreso: diciembre-2003
Ubicación: Chile
Mensajes: 1.855
Antigüedad: 20 años, 4 meses
Puntos: 89
Cita:
Iniciado por safe Ver Mensaje
El problema es que IE y Firefox (y la mayoria de los navegadores que respetan los estandares) "interpretan" diferente los width + padding de los elementos.
IE mantiene el ancho definido por width y hace el padding para adentro, osea que width:100px + padding: 5px; da como resultado un div de 180px de ancho... pero Firefox suma los dos valores (para que width defina el area "usable" del div) por lo que si tenes un width:100px + padding: 5px; el ancho total es de 190px (5 de padding-left y 5 de padding-right).

Lo que deberias hacer (si, por ejemplo, queres que el ancho total en los dos sea 180px) es definir un width diferente para IE anteponiendo un asterisco.
EJ:

Código:
.divStyle3{
	font-size:15px;
        position:relative;
	width:170px;
        * width:180px;
	height:525px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
Wow... Muchas gracias... A pesar de que estoy utilizando tablas, a pesar de no que les guste a muchos, igual me sirve, porque divs tendré que usar igual... Muchas gracias :)