Foros del Web » Diseño de Sitios web » CSS »

Problema con padding

Estas en el tema de Problema con padding en el foro de CSS en Foros del Web. Hola, en una capa pongo lo siguiente: manera correcta en MOZILLA @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original Copiar < div style = "background-image:url(../img/fondo_titulo.png);height:19px; padding-top:6px;" > ...
  #1 (permalink)  
Antiguo 27/01/2012, 10:27
 
Fecha de Ingreso: mayo-2010
Mensajes: 63
Problema con padding

Hola,

en una capa pongo lo siguiente:

manera correcta en MOZILLA


Código HTML:
Ver originalCopiar
  1. <div style="background-image:url(../img/fondo_titulo.png);height:19px; padding-top:6px;">

El problema es que en mozilla la capa mide 25px (19 del height + 6 del padding) y en internet explorer no hace esta suma sino que la capa mide 19px (el padding se aplica pero no aumenta la capa a 25px)

La manera correcta en INTERNET EXPLORER para que se vea adecuadamente:

Código HTML:
Ver originalCopiar
  1. <div style="background-image:url(../img/fondo_titulo.png);height:25px; padding-top:6px;">

Espero que me puedan ayudar para hacerlo compatible en ambos navegadores, me esta volviendo loco.

Saludos!
  #2 (permalink)  
Antiguo 27/01/2012, 10:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.586
Respuesta: Problema con padding

Eso es debido a que ie implementa un modelo de caja no estándar.
Dos posibles soluciones:
.- aplicar el padding no a su div sino al primer hijo de éste.
.- aplicar algún hack css a su div para corregirlo.
__________________
Un blog más, igual pero diferente. Piensa en CSS por ti mismo
Los ad hominem son falacias, más propias de gente artera que de personas cabales.
¿Nuevo en el foro? Regístrate



La zona horaria es GMT -6. Ahora son las 06:11.
SEO by vBSEO 3.3.2