Foros del Web » Creando para Internet » CSS »

3 floats left no se colocan como quiero

Estas en el tema de 3 floats left no se colocan como quiero en el foro de CSS en Foros del Web. hola, estoy intentando poner dentro de un div flotante a la izquierda otros 3 divs flotantes dentro para que esten alineados. aqui os dejo ambos ...
  #1 (permalink)  
Antiguo 16/01/2010, 06:06
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 15 años, 7 meses
Puntos: 2
3 floats left no se colocan como quiero

hola, estoy intentando poner dentro de un div flotante a la izquierda otros 3 divs flotantes dentro para que esten alineados. aqui os dejo ambos codigos.

Código HTML:
.main {
	width:750px;
	background-color:#C7E6BD;
	border:#093 solid;
	color:#000;
	font-size:14px;
}
Código HTML:
<div class="main" style="float:left; margin-left:20px; margin-top:40px">   
<div style="float:left; margin-left:40px">
<?php

?>
</div> 
<div style="width:250px; float:left; margin-left:20px">
  <p align="center" class="fontcaractuser">Últimos videos</p>
      <?php

?>
</div>
<div style="float:left; width:200px">
<?php

?> 
</div>
</div> 
muchas gracias
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
  #2 (permalink)  
Antiguo 16/01/2010, 09:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: 3 floats left no se colocan como quiero

Hola:

No sé exactamente que quieres hacer pero con tu código están alineados. ¿Cuál es el problema?

Saludos.

  #3 (permalink)  
Antiguo 16/01/2010, 10:03
 
Fecha de Ingreso: agosto-2008
Mensajes: 382
Antigüedad: 15 años, 7 meses
Puntos: 2
Respuesta: 3 floats left no se colocan como quiero

que los dos primeros divs stan alineados, pero el tercero se coloca debajo del 2º
__________________
la experiencia es la mejor de las escuelas, pero la obtienes cuando ya no la necesitas.

Yo soy aquel que mucho hace trabajar a la gente del foro, pero siempre gratifico con un karma
  #4 (permalink)  
Antiguo 16/01/2010, 14:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: 3 floats left no se colocan como quiero

Hola:

Lo repito y aclaro, en Internet Explorer 7 y Firefox 3.5 se ven los tres alineados.

Saludos.

  #5 (permalink)  
Antiguo 16/01/2010, 22:13
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: 3 floats left no se colocan como quiero

la unica forma que el segundo y tercer DIV se coloquen en la siguiente linea es si algun contenido del primero excede del tamaño maximo. es decir, el div.main contiene un ancho fijo de 750px y el espacio maximo del primer DIV es como sigue: 750px - (40px + 250px + 20px + 200px) = 240px. si tienes un contenido que excede 240px, como una imagen, los demas DIVs se colocaran en una nueva linea segun el espacio ocupado.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: 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 17:20.