Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/09/2014, 00:04
sistemas2011
 
Fecha de Ingreso: agosto-2011
Ubicación: Playa del Carmen, Quintana Roo
Mensajes: 31
Antigüedad: 12 años, 8 meses
Puntos: 0
Problemas para flotar 2 Divs

Hola,

Estoy usando la libreria DOMPF para imprimir desde PHP.

Busco como solucionar que un 2do Div flote a la derecha.

El codigo es este PHP:
Código PHP:
 $strHTML $strHTML ."<div class='titulostour'>Actividades Tour:</div>";
              
                 do {
                    if (
$row_DatosActividad["strActividad"]!=Null)
                    {  
                    
$strHTML $strHTML ."
                   <div class='centrado4'>
                    <div class='cuadreact'>Inicio:</div>
                    <div class='cuadreact1'>"
.$row_DatosActividad["hrIniActividad"]."</div>
                    <div class='cuadreact1'>Fin:</div>
                    <div class='cuadreact1'>"
.$row_DatosActividad["hrFinActividad"]."</div>
                    <div class='cuadreact1'>Actividad:</div>
                    <div class='cuadreact1'>"
.$row_DatosActividad["strActividad"]."</div>
                  </div>"
;
                    }
                  } while (
$row_DatosActividad mysql_fetch_assoc($DatosActividad)); 
                  
//comentario de actividades
        
            
             
$strHTML $strHTML ."<div class='centrado4'>
              <div class='Detalleactividad'>Comentarios:</div>
              <div class='Detalleactividad1'>"
.nl2br(utf8_encode($row_DatosTour["txtDetalleactividad"]))."</div></div"

EL CODIGO CSS:
Código CSS:
Ver original
  1. .Detalleactividad{
  2.   float:left;
  3.     width: 150px;
  4.     text-align:left;
  5.     background-color:#fff;
  6.     border:1px solid #F2F2F2;
  7.  
  8. }
  9. .centrado4{
  10.     /*background-color: #96C;*/
  11.     width: 500px;
  12.    
  13. }
  14.  
  15. .Detalleactividad1{
  16.     float:left;
  17.     width: 250px;
  18.     display:block;
  19.     background-color:#fff;
  20.     border:1px solid #F2F2F2;
  21.     margin-right: 5px;
  22.     margin-top: 0;
  23.  
  24. }

Me parece extraño, ya que los margenes de las cajas son menor que el Div principal
y si en el CSS . Detalleactividad1 le modifico esto:
display:inline-block;

Si flota a la derecha, pero en la 2da hoja la información faltante, se pasa de nuevo a la izquierda.

Les agracederia si tiene alguna idea.

Como siempre, también seguiré buscando.

Saludos