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