Foros del Web » Creando para Internet » CSS »

Encajar Divs

Estas en el tema de Encajar Divs en el foro de CSS en Foros del Web. Hola, llevo todo el día intentando encajar las imágenes de los títulos, con los bordes de abajo, y no hay manera, me queda una línea ...
  #1 (permalink)  
Antiguo 25/05/2009, 08:17
 
Fecha de Ingreso: abril-2008
Mensajes: 15
Antigüedad: 9 años, 8 meses
Puntos: 0
Encajar Divs

Hola, llevo todo el día intentando encajar las imágenes de los títulos, con los bordes de abajo, y no hay manera, me queda una línea blanca entre ambas. Os pongo la imagen para que se entienda mejor: ---> viajesbaliber.com/pruebas/7/dibujo.jpg




Código:
 <!-- CABECERAS OFERTAS-->
  
  		<div class="DivOfertasVuelos">
	    	<img src="img/vuelos.gif" alt="Ofertas Vuelos" />
		</div>
	    <div class="DivUltimaHora">
	    	<img src="img/ultimahora.gif" alt="Ofertas Última hora" width="247" height="35" />
		</div>
		<div class="DivOfertasHoteles">
    		<img src="img/hoteles.gif" alt="Ofertas Hoteles" width="247" height="35" />
		</div>
  	<div class="clear"></div>
  <!-- CAJAS OFERTAS-->
  		<!-- OFERTAS VUELOS -->
  		
		<div class="caja1"> 
   			<p class="txtN" style="line-height: 10px">MADRID - PAR&Iacute;S</p>
   	      	<span class="txt">Ida y vuelta desde  </span><span class="precio"> 53&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
          	<p class="txtN" style="line-height: 10px">MADRID - PAR&Iacute;S</p>
   	      	<span class="txt">Ida y vuelta desde  </span><span class="precio"> 53&euro;</span>
   	      	<hr/>
         	<p class="espacio1">&nbsp;</p>
         	<p class="txtN" style="line-height: 10px">MADRID - PAR&Iacute;S</p>
   	      	<span class="txt">Ida y vuelta desde  </span><span class="precio"> 53&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
          	<p class="txtN" style="line-height: 10px">MADRID - PAR&Iacute;S</p>
   	      	<span class="txt">Ida y vuelta desde  </span><span class="precio"> 53&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
            <p class="txtN" style="line-height: 10px">MADRID - PAR&Iacute;S</p>
   	      	<span class="txt">Ida y vuelta desde  </span><span class="precio"> 53&euro;</span>
          	<hr/>
         	<p class="vermas">+ Ver m&aacute;s ofertas+</p>
         <div class="cajaabajo">
      	   		<p>&nbsp;</p>
		 </div>
	  </div>
		<!-- CAJA ÚLTIMA HORA-->

		 <div class="caja2"> 
   			<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	    	<span class="txt">Hotel 3* MP desde </span><span class="precio">80&euro;</span>
        	<hr/>
        	<p class="espacio1">&nbsp;</p>
        	<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	    	<span class="txt">Hotel 3* MP desde  </span><span class="precio"> 80&euro;</span>
        	<hr/>
        	<p class="espacio1">&nbsp;</p>
        	<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	        <span class="txt">Hotel 3* MP desde  </span><span class="precio"> 53&euro;</span>
            <hr/>
         	<p class="espacio1">&nbsp;</p>
          	<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	        <span class="txt">Hotel 3* MP desde  </span><span class="precio"> 53&euro;</span>
            <hr/>
            <p class="espacio1">&nbsp;</p>
            <p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	        <span class="txt">Hotel 3* MP desde  </span><span class="precio"> 53&euro;</span>
            <hr/>
            <p class="vermas">+ Ver m&aacute;s ofertas+</p>

      	 <div class="cajaabajo">
      	   <p>&nbsp;</p>
		 </div> 
		</div>
   	 <!-- CAJA OFERTA HOTELES-->
	
  		<div class="caja3"> 
   			<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	      	<span class="txt">Hotel 3* MP desde </span><span class="precio">80&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
          	<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	      	<span class="txt">Hotel 3* MP desde  </span><span class="precio"> 80&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
         	<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	      	<span class="txt">Hotel 3* MP desde  </span><span class="precio"> 53&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
          	<p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	      	<span class="txt">Hotel 3* MP desde  </span><span class="precio"> 53&euro;</span>
          	<hr/>
         	<p class="espacio1">&nbsp;</p>
            <p class="txtN" style="line-height: 10px">MALLORCA - 3 d&iacute;as</p>
   	        <span class="txt">Hotel 3* MP desde  </span><span class="precio"> 53&euro;</span>
            <hr/>
         	<p class="vermas">+ Ver m&aacute;s ofertas+</p>
            <div class="cajaabajo">
      	    	<p>&nbsp;</p>
			</div> 

   		</div>
Aquí el CSS
Código:
.DivOfertasVuelos{
	position: static;
	width: 244px;
	padding-right:85px;
	float:left;

}

.DivUltimaHora{
	position: static;
	float:left;
	padding-right:85px;
}

.DivOfertasHoteles{
	position: static;
	float:left;
}

.caja{
   	background-image: url("img/centro.gif"); 
   	background-repeat: repeat-y; 
	width: 247px;
	border:5px;
}
.caja1{
   	background-image: url("img/centro.gif"); 
   	background-repeat: repeat-y; 
	position: static;
	width: 247px;
	float:left;
	padding-right:83px;
}

.caja2{
	width: 247px; 
   	background-image: url("img/centro.gif"); 
   	background-repeat: repeat-y; 
	position: static;
	width: 247px;
	float:left;
	padding-right:85px;
}
.caja3{
	width: 247px; 
   	background-image: url("img/centro.gif"); 
   	background-repeat: repeat-y; 
	position: static;
	width: 247px;
	float:left;
	
}
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 21:06.