Foros del Web » Creando para Internet » CSS »

Un div que no se acomoda

Estas en el tema de Un div que no se acomoda en el foro de CSS en Foros del Web. Saludos. estoy acomodando unos div en la página: http://institutosaap.comxa.com/ , y hay uno que no se acomoda donde debe, claro que no he querido meterle ...
  #1 (permalink)  
Antiguo 17/06/2009, 15:32
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Exclamación Un div que no se acomoda

Saludos.

estoy acomodando unos div en la página: http://institutosaap.comxa.com/ , y hay uno que no se acomoda donde debe, claro que no he querido meterle mucho código.

Veamos, si ven, el div de la iz, que es un menu, tiene un float left, igual el que sigue(box1),y el otro (box2) luego el noticiario con un float right, vajamos al box3 y a la par de este iria el box4 (que esta perdido arriba sobre el box1 y2) y segun el flujo de la página, box4 deberia ponerse en el espacio que se ve abajo, pero no lo hace, sino que se va arriba, y si le quito el float, se acomoda pero su ancho lo ignora y pasa de 481px a 171px y no se porque.

Espero haber sido expicito. Aqui mi código:

Código css:
Ver original
  1. #container{
  2.     position:relative;
  3.     margin:0 auto;
  4.     width:780px;
  5.     border-style:solid;
  6.     border:#999999 thin solid;
  7. }
  8. #header{}
  9. #content{}
  10. #index-box1{
  11.     height:194px;
  12.     width:196px;
  13.     float:left;
  14.     border:#c4c4c4 1px solid;
  15.     margin:5px 2px 3px 3px;
  16. }
  17. #index-box2{
  18.     height:332px;
  19.     width:296px;
  20.     float:left;
  21.     border:#c4c4c4 1px solid;
  22.     margin:5px 1px 3px 3px;
  23. }
  24. #news-box{
  25.     height:332px;
  26.     width:170px;
  27.     float:right;
  28.     border:#c4c4c4 1px solid;
  29.     margin:5px 0 3px 3px;
  30. }
  31. #index-box3{
  32.     height:308px;
  33.     width:196px;
  34.     float:left;
  35.     border:#c4c4c4 1px solid;
  36.     margin:-135px 1px 3px 3px;
  37. }
  38. #index-box4{
  39.     height:177px;
  40.     width:481px;
  41.     border:#c4c4c4 1px solid;
  42.     margin:2px 1px 3px 3px;
  43. }

EDITO: acabo de ver que en IE6 si se ve donde va lol , yo lo he revisado en firefox y opera
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr

Última edición por gVenom; 17/06/2009 a las 15:43
  #2 (permalink)  
Antiguo 17/06/2009, 15:58
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Un div que no se acomoda

añade a #index-box4 un 'display: inline-block' y reduce algo su anchura. Se colocará a la derecha del 3 y por debajo del "rotador" de noticias

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 17/06/2009, 16:04
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Un div que no se acomoda

Hola kseso?

Es la segunda vez que me das esa solución, y obviamente si sirvió. Pero no entiendo bien que es lo que pasa, o sea, se que hace el display: inline, sin el block, jaja, podrias explicarme para salir de la duda, si no es mucha la molestia
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #4 (permalink)  
Antiguo 17/06/2009, 16:08
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Un div que no se acomoda

Creo que mejor que te lo explique kseso? es este enlace
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 17/06/2009, 16:13
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Un div que no se acomoda

gracias hades87
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #6 (permalink)  
Antiguo 17/06/2009, 16:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Un div que no se acomoda

el elemento en cuestión es de bloque para todos los demás, excepto para el que le precede y el que le sigue que es un contenedor en línea
Más información EDITO: es el mismo enlace que el te pone Hades
Pero como siempre, ya sabes qué **** no lo entiende.
Así que si fuese necesario tendrías que usar algo como esto

un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 17/06/2009, 16:31
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Un div que no se acomoda

oye no, esta interesantisima esa propiedad, ya lei el articulo y es bastante claro, solo no la conocía. Ahora espero usarla como se debe jeje. Gracias señores.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
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 05:44.