Ver Mensaje Individual
  #15 (permalink)  
Antiguo 11/10/2006, 15:08
safe
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 21 años, 1 mes
Puntos: 10
Cita:
Iniciado por spider_boy Ver Mensaje
Bueno... Ese es el problemon que tengo...

Este es el estilo

Código PHP:
.divStyle3{
    
font-size:15px;
  
position:relative;
    
width:180px;
    
height:525px;
    
padding-top:10px;
    
padding-left:5px;
    
padding-right:5px;
    
padding-bottom:10px;



Y así se ve... Hay alguna solución, para que se vea en IE como se ve en FF o viceversa?...
Afectará el tenerlo dentro de una tabla??...
PD: El tenerlo en una tabla no afecta... probé fuera de la tabla y sigue igual
Gracias :)


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;
}
__________________
oohh... quisiera ser godines!!!