Foros del Web » Creando para Internet » CSS »

div uno al lado del otro en orden

Estas en el tema de div uno al lado del otro en orden en el foro de CSS en Foros del Web. Buenas tengo dos capas dentro de un contenedor con margin auto, quiero que estas dos capas esten una al lado de la otra y para ...
  #1 (permalink)  
Antiguo 14/07/2011, 15:13
Avatar de eMaa  
Fecha de Ingreso: octubre-2008
Mensajes: 223
Antigüedad: 9 años
Puntos: 1
div uno al lado del otro en orden

Buenas

tengo dos capas dentro de un contenedor con margin auto, quiero que estas dos capas esten una al lado de la otra y para eso uso FLOAT left en las dos. El problema es que me aparecen en el orden contrario al que quiero que estén, es decir necesito que la que esta a la derecha este a la izquiera de la otra


algo asi tengo en html:

<div class="cabecera">
<div class="logo"></div>
<div class="logeo"></div>

</div>

en el css:

.cabecera{ border:solid 5px #FFC; background: #000; width:1013p; margin:auto;}
.logo{ background:url(imagenes/LogoAmarillo.jpg); width:600px; height:158px; float:left;margin-top:15px; border:#00F solid;padding:0px;}
.logeo{ width:100px; float: left; margin-left:50px; height:158px;margin-top:15px; padding:0px;}

lo que necesito es que el div logo este primero de derecha a izquieda y no como se me muestra actualmente, es algo muy sencillo pero no me sale es increible. ya probé cambiando de ubicacion los div en el html.

saludos
  #2 (permalink)  
Antiguo 14/07/2011, 15:20
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 3 meses
Puntos: 269
Respuesta: div uno al lado del otro en orden

fijate este ejemplo.
para que #logo este a la derecha de #logeo:
Código HTML:
Ver original
  1. <div class="cabecera">          <-- overflow:hidden -->
  2.     <div class="logeo"></div>   <-- float:left-->
  3.     <div class="logo"></div>    <-- float:left-->
  4. </div>

Saludos.
  #3 (permalink)  
Antiguo 14/07/2011, 15:42
Avatar de eMaa  
Fecha de Ingreso: octubre-2008
Mensajes: 223
Antigüedad: 9 años
Puntos: 1
Respuesta: div uno al lado del otro en orden

le puse overflow:hidden a "cabecera" y lo que paso es que "logeo" salio de su contenedor "cabecera".
  #4 (permalink)  
Antiguo 14/07/2011, 16:13
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 3 meses
Puntos: 269
Respuesta: div uno al lado del otro en orden

fijate el link que te pasé, ahi está clarito. dale width a todo y controlá que el width de #cabecera no sea menor que la suma de los anchos de sus hijos (margin+border+padding+width).
  #5 (permalink)  
Antiguo 14/07/2011, 16:38
Avatar de eMaa  
Fecha de Ingreso: octubre-2008
Mensajes: 223
Antigüedad: 9 años
Puntos: 1
Respuesta: div uno al lado del otro en orden

no logro entenderlo, todo tiene width y no supera el del contenedor , asi tengo mi css:

.cabecera{ border:solid 5px #FFC; background: #000; width:1013p; margin:auto;height:158px; padding:5px;}
.logo{ background:url(imagenes/LogoAmarillo.jpg); width:200px; height:157px; float:left;}
.logeo{ width:100px; float: left; height:157px;}
  #6 (permalink)  
Antiguo 14/07/2011, 16:47
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 3 meses
Puntos: 269
Respuesta: div uno al lado del otro en orden

proba con esto:
.cabecera{ border:solid 5px #FFC; background: #000; width:1013px; margin:auto; height:158px; padding:5px; overflow:hidden;}

Etiquetas: capas
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 10:25.