Foros del Web » Creando para Internet » CSS »

divs, float y display - sigo sin entenderlos

Estas en el tema de divs, float y display - sigo sin entenderlos en el foro de CSS en Foros del Web. Cuando pense que ya estaba entendiendo el comportamiento de float y display, me quedo trancado haciendo una cosa de lo mas tonta... nesecito devolver mediante ...
  #1 (permalink)  
Antiguo 13/11/2008, 09:28
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 15 años, 9 meses
Puntos: 1
Exclamación divs, float y display - sigo sin entenderlos

Cuando pense que ya estaba entendiendo el comportamiento de float y display, me quedo trancado haciendo una cosa de lo mas tonta...

nesecito devolver mediante php una serie de consultas, en este caso serian hoteles.





Código PHP:

echo '<div>';//Para Contener todo el Bloque 
echo '<div id="divheader" class="arial_black">'$row[0] .'</div>';//Titulo
//Divisor Campos    
echo '<div class="arial_black" style=" float:left; "> 
             Mail<br/>Localidad<br/>Dirección<br/>Rubro                        
         </div>'
;                        
//Divisor Datos
echo '<div class="arial_black" style=" float:left; ">';
             for(
$n 1$n $n++){
                 echo 
':'$row[$n] . '<br />';
             }
echo 
'</div>';    
echo 
'</div>'
El codigo se repite varias veces para mostrar todos los resultados, el caso es que no me respeta las lineas, el siguiente bloque me aparece en la misma linea que el anterior (y por la mitad).
¿siendo que envuelvo todo el contenido en un div no deberia ocupar toda la linea para si mismo?
tambien probe redundar poniendole un display:block; pero tampoco funciono,
El problema son los float:left??
Donde esta el error?
  #2 (permalink)  
Antiguo 13/11/2008, 10:39
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: divs, float y display - sigo sin entenderlos

Prueba al primer div (contenedor) ponerle un overflow:hidden. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 13/11/2008, 10:49
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: divs, float y display - sigo sin entenderlos

GENIOOOOOO! muchas muchas gracias!!!

Funciono enseguida!
  #4 (permalink)  
Antiguo 13/11/2008, 10:51
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: divs, float y display - sigo sin entenderlos

Explicación resumida: Lo que ocurría es que ambos flotaban a la derecha, y por tanto, el siguiente DIV hacía caso de lo anterior. Al decirle que ocultara el sobreflujo al contenedor, crea una pequeña pared para que deje de tener esta pequeña fuga de flotaciones

Me alegro te haya servido
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 13/11/2008, 11:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: divs, float y display - sigo sin entenderlos

Con tu permiso empezaré a usar lo de la pared y la fuga de flotaciones
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 13/11/2008, 11:03
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: divs, float y display - sigo sin entenderlos

Yo pensaba que el echo de encerrarlos en un div lo iba a obligar a cambiar de linea.

Muy bueno tenerlo en cuenta para las proximas ya que ayer perdi todo el dia con esto gracias de nuevo
  #7 (permalink)  
Antiguo 13/11/2008, 11:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: divs, float y display - sigo sin entenderlos

Míralo en IE6 por si acaso.
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 13/11/2008, 11:41
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: divs, float y display - sigo sin entenderlos

Cita:
Iniciado por Mikmoro Ver Mensaje
Con tu permiso empezaré a usar lo de la pared y la fuga de flotaciones
Por supuesto, de hecho pensaba en usarlo con mi firma o algo, pero aun no se me prende bien el foco
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
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 15:48.