Tema: Encajar Divs
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/05/2009, 07:17
rakelcita
 
Fecha de Ingreso: abril-2008
Mensajes: 15
Antigüedad: 16 años
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;
	
}