Ver Mensaje Individual
  #14 (permalink)  
Antiguo 02/04/2008, 00:55
JBRS
Usuario no validado
 
Fecha de Ingreso: marzo-2004
Mensajes: 349
Antigüedad: 20 años, 7 meses
Puntos: 0
Re: Imagen se solapa con borde superior en Firefox... ¿por qué?

Hola Mikel, muchas gracias por tu atención. Te explico cómo está el tema:

Finalmente pongo la imagen de la izquierda en un DIV con un display:block y un float:left. El problema es que la capa de la derecha, es de menor altura y quiero ponerlo abajo, de tal forma que quede así:

CAPA A
CAPA A
CAPA A CAPA B CAPA B CAPA B

Y sólo lo logro en explorer, en firefox pasa (o me lo muestra a otra altura, o abajo... incluso a veces deja un molesto espacio con el float ya que gráficamente debe ir todo unido).

Te puedo poner código, pero ahora estoy liado a empastres y chapuzas para ver si se soluciona a base de añadir capas, y entre eso y las que tengo puestas para otras cosas arriba es muy farragoso:

Cita:
#caberotsec {
width:95%;
border-bottom: 1px solid #c0c0c0;
height:25px;
margin-top:20px;
text-align: left;
margin-left:10px;clear:both;
}

#imgrotsec{margin-right:-5px;margin-bottom:-6px;
border-right: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 8px solid white;
vertical-align:text-bottom;
height:26px;
width:96px;
display:block;float:left;
}

#menucaberotsec {margin-top:15px;vertical-align:text-bottom;vertical-align:bottom;
clear:right;
}


<div id="caberotsec">
<div id="imgrotsec">
<a href="http://"><img src="logo-cuadrados.gif" width=95 height="26" border="0"></a></div>
<div id="menucaberotsec">
<span class="cabemenunombre">SECCION 1</span><span class="cabemenunombre">SECCION 2</span><span class="cabemenunombre">SECCION 3</span>
</div></div>