Foros del Web » Creando para Internet » CSS »

problema con div flotantes

Estas en el tema de problema con div flotantes en el foro de CSS en Foros del Web. Bueno en la img esta escrito el problema el segundo menu flotante se baja al escribir codigo en el de la izq[IMG] [/IMG] aqui va ...
  #1 (permalink)  
Antiguo 19/07/2011, 23:23
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 12 años, 11 meses
Puntos: 11
Pregunta problema con div flotantes

Bueno en la img esta escrito el problema el segundo menu flotante se baja al escribir codigo en el de la izq[IMG][/IMG]

aqui va el link por si no se ve la img
  #2 (permalink)  
Antiguo 19/07/2011, 23:28
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 13 años, 8 meses
Puntos: 64
Respuesta: problema con div flotantes

si tenes subida la pagina deja el link, y sino deja el codigo css y el html para poder revisar
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 20/07/2011, 10:04
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: problema con div flotantes

probablemente no estes dando bien los anchos. pero como te dijeron, no podemos adivinarlo.
acá un ejemplo de como se trabaja con float.
  #4 (permalink)  
Antiguo 20/07/2011, 22:28
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 12 años, 11 meses
Puntos: 11
Respuesta: problema con div flotantes

no si entiendo perfectamente y no e subido el nuevo diseño todabia pero miren este es el problema el contenedor mide 1000px y dentro hay 2 div flotando hacia la izq el primero de contenidp mido 800px y el segundo 200px bueno descontando los bordes y ese en los anchos pero estan puestos no se por que cuando agrego contenido el segundo div se baja junto con el contenido bueno en realida la estructura es haci ejemplo

Cita:
<div id="cont">
<header>
<img src="aqui el logo "/>
</header>
<div id="cuerpo">
<section>
</section>
<nav>
</nav>
</div><!-- aqui el cuerpo -->
</div><!-- aqui termina el cont -->
bueno esto con sus respectivo css
  #5 (permalink)  
Antiguo 20/07/2011, 23:21
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 13 años, 8 meses
Puntos: 64
Respuesta: problema con div flotantes

PERO dentro del content solo hay 1 div, no hay 2
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #6 (permalink)  
Antiguo 21/07/2011, 19:41
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 12 años, 11 meses
Puntos: 11
Respuesta: problema con div flotantes

es que yo lo estoy tomando como div pero es una section y un nav de html5
  #7 (permalink)  
Antiguo 21/07/2011, 19:55
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: problema con div flotantes

Proba con:

Código CSS:
Ver original
  1. #cuerpo{
  2. overflow:hidden;
  3. width:1000px;
  4. }
  5. #cuerpo nav, #cuerpo section {
  6. display: block;
  7. float:left;
  8. }
  9.  
  10. /*y las propiedades para las columnas, luego lo cambias a tu gusto*/
  11. #cuerpo nav {
  12. width:450px;
  13. padding:10px;
  14. margin:10px;
  15. border:5px solid red;
  16. /*450+20+20+10 = 500px*/
  17. }
  18. #cuerpo section {width:500px;}

En este reset (html5boilerplate) podes ver como inicializan con display:block; a los nuevos tags html5.

Saludos.
  #8 (permalink)  
Antiguo 22/07/2011, 20:05
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 12 años, 11 meses
Puntos: 11
Respuesta: problema con div flotantes

gracias gracias funciona de maravilla creo qe era el display

Etiquetas: flotantes
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 01:18.