Hola, tengo un problemita, tengo un div el cual he llamado "contenido"
Código:
.contenido {
display: table;
min-height: 500px;
height:auto !important;
height:500px;
width: 835px;
background: url(top_match.png) no-repeat center top;
margin-right: auto;
margin-left: auto;
clear: both;
}
dentro de ese hay otro div que se llama "informacion" con el siguiente estilo
Código:
.informacion {
background: url(info_bg.png) repeat-y center;
width: 699px;
margin-top: 42px;
margin-right: auto;
margin-left: auto;
min-height: 500px;
height:auto;!important;
position: relative;
padding-right: 68px; !important;
padding-left: 68px; !important;
display: table;
}
La cuestion es que en IE y firefox se ve bien, pero en lo snavegadores webkit (chrome y safari) se encogido el ancho, entonces las iamgenes de fondo no me empatan y el contenido se me desajusta.
es como si webkit no entendiera la regla "restar/sumar " lo que se ponga de padding al DIV, cuando quito la propiedad de "display" que esta en "table" no sucede eso, pero necesito dejarla, para que el contenido que vaya agregando me siga empujando a los divs que estan debajo y asi mantner el diseño.
Alguien le ha pasado esto y sabe como solucionarlo???