Foros del Web » Creando para Internet » CSS »

IE 7 me muestra un margen abajo y en Firefox ok.

Estas en el tema de IE 7 me muestra un margen abajo y en Firefox ok. en el foro de CSS en Foros del Web. Buenas tardes a todos, tengo un problema que me esta pasando y creo que es sencillo pero ya he puestos muchas tags o atributos a ...
  #1 (permalink)  
Antiguo 02/06/2008, 11:08
Avatar de JuanKa  
Fecha de Ingreso: septiembre-2004
Mensajes: 468
Antigüedad: 13 años, 3 meses
Puntos: 1
IE 7 me muestra un margen abajo y en Firefox ok.

Buenas tardes a todos, tengo un problema que me esta pasando y creo que es sencillo pero ya he puestos muchas tags o atributos a los estilos y nada.

El problema es que tengo dos divs horizontales y ambos tienen que sumar 770px

Código HTML:
<div id="divCabeceraTopIzquierda">
            Hola
</div><!-- fin de divCabeceraTopIzquierda -->
            
<div id="divCabeceraTopDerecha">
   <img src="img/cabecera_top_derecha.jpg" width="270" height="47" border="0" />
  </div><!-- fin de divCabeceraTopDerecha --> 
CSS
Código HTML:
  #divCabeceraTopIzquierda{
        background  : #FFF url(../img/cabecera_top_izquierda.jpg) repeat-x;    
        width:500px;
        float:left;
        height:47px;
        margin: 0px;
        padding: 0px;  
        border:1px solid #CCC;      
    }
    #divCabeceraTopDerecha{
        width:270px;
        float:left;
        margin: 0px;
        padding: 0px;
        background-color: #C0CC0C;
        height:47px;        
        border:1px solid #CCC;              
        
    }
y debajo del div divCabeceraTopDerecha me pone un margen color verde y esto es lo que no quiero, puesto que debajo de estos divs van a ir otros divs, en otras palabras el div debe tener el ancho y alto de la imagen, pero me muestra una linea de color verde como explique anteriormente.

Como se podria solucionar esto ya que el div de la izquierda me sale bien, pero el de la derecha no.

He puesto display:inline; y otros valores mas y nada.

Espero que me puedan ayudar

Saludos
  #2 (permalink)  
Antiguo 02/06/2008, 11:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: IE 7 me muestra un margen abajo y en Firefox ok.

Si quieres que sumen 770px, recuerda que según la recomendación de css, una caja debe medir su width + el borde + el padding, por lo que caja de la derecha mide realmente 272px por el borde de 1px a cada lado, y la otra 502px.

En explorer es justamente al revés.

Mikel.
  #3 (permalink)  
Antiguo 02/06/2008, 11:31
Avatar de JuanKa  
Fecha de Ingreso: septiembre-2004
Mensajes: 468
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: IE 7 me muestra un margen abajo y en Firefox ok.

Hola Mikmoro, tienes razon pero he quitado:

border:1px solid #CCC;
y me sigue saliendo el margen verde en el segundo div.

Que estoy haciendo mal que me esta saliendo ese margen verde abajo del div.

Gracias
  #4 (permalink)  
Antiguo 02/06/2008, 12:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: IE 7 me muestra un margen abajo y en Firefox ok.

Es algo que tiene que ver con alguna otra parte de tu código o tu Doctype.

Mira tu código puesto sin ninguna modificación más que las imágenes:

http://www.araudi.net/forosdelweb/juanka.html

Mikel.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:48.