Foros del Web » Creando para Internet » CSS »

Problema de height con IE6

Estas en el tema de Problema de height con IE6 en el foro de CSS en Foros del Web. Saludos. Tengo un problema raro y no lo he podido corregir. En esta página pueden ver a que me refiero, eso si, con IE6: http://blessingwave.org/ ...
  #1 (permalink)  
Antiguo 21/05/2009, 16:24
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Problema de height con IE6

Saludos.

Tengo un problema raro y no lo he podido corregir. En esta página pueden ver a que me refiero, eso si, con IE6:

http://blessingwave.org/

Como verán, cuando ya se termina el contenido de la página, el div "content", cuyo css es este:
Código css:
Ver original
  1. #content{
  2.     position:relative;
  3.     top:-550px;
  4.     width:849px;
  5.     height:300px;
  6. }

sigue creciendo, como si hubeise algo mas ahi y no entiendo porque. Cuando comence esta página, use mucho las posiciones relativas ( que ya me corrigieron hace poco), asi que supuse que ese era el problema, pero se me desacomoda la cabecera si no las uso, mas bien, aun no soy capaz de organizar los elementos como se debe.

Pueden ver los css completos en http://blessingwave.org/css/
trabajo una hoja aparte para el IE6, en firefox y opera se ve bien.

Código CSS IE6:
Ver original
  1. #container{
  2.     position:relative;
  3.     margin:0 auto;
  4.     width:860px;
  5.     height:700px;
  6. }
  7. #header{
  8.     width:857px;
  9.     height:305px;
  10. }
  11. #menu{
  12.  
  13.     height:130px;
  14.     width:190px;
  15.     top:-162px;
  16.     left:50px;
  17. }
  18. ul.menu{
  19.  width:180px;
  20.     list-style: none;
  21.     margin: 0; padding: 0;
  22.     border-bottom: 1px solid #000;
  23.     border-right: 2px solid #999999;
  24. }
  25. ul.menu li {
  26.   border-bottom: 1px solid #7C7C7C;
  27.   border-top: 1px solid #000;
  28.   font-family:"Tahoma", Arial, Century Schoolbook;
  29.   font-size:14px;
  30.   color:#fff;
  31.   font-weight:bold;
  32.   padding-top:6px;
  33.   width:180px;
  34.   display:block;
  35. }
  36.  
  37.  
  38. #pic-header{
  39.  
  40.     width:304px;
  41.     height:206px;
  42.     top:-331px;
  43.     left:252px;
  44. }
  45. #pic2{
  46.  
  47.     top:-534px;
  48.     left:556px;
  49.     width:258px;
  50.     height:166px;
  51. }  
  52. #barra1{ height:37px; width:251px; top:-537px}
  53. #barra2{  height:37px; width:291px; top:-575px; left:557px}
  54.  
  55. #content{
  56.     position:relative;
  57.     top:-550px;
  58.     width:849px;
  59.     height:300px;
  60. }
  61. #left_content{
  62.     margin:0 10px 10px 15px;
  63.     width:200px;
  64.     float:left}
  65.    
  66. #center_content{
  67.     margin:0 10px 10px 0;
  68.     width:270px;
  69.     float:left}
  70.    
  71. #right_content{
  72.     margin:10px 10px 10px 0;
  73.     padding-left:15px;
  74.     width:300px;
  75.     float:right}   
  76.  
  77. #bottom{
  78.     top:-550px;
  79.     background-image:url(../images/bottom.gif);
  80.     width:850px;
  81.     height:35px;
  82.     line-height:25px;
  83.     clear:both;
  84. }
__________________
"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
  #2 (permalink)  
Antiguo 21/05/2009, 16:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema de height con IE6

El asunto es este:
1.- cuando un contenedor sólo tiene dentro otros flotados no crece tanto como ellos, pero en IE6 sí lo hace, así que en primer lugar tu contenedor es tan grande como todo lo que contiene.
2.- cuando desplazas una caja con posición relativa, la mueves de su sitio, pero en realidad sigue ocupando el mismo espacio que antes de moverla.

Conclusión: en IE6, tienes una caja que mide tanto como su contenido, que luego has desplazado hacia arriba -550px, pero sigue ocupando su antiguo sitio. Quita el -550 y verás lo que pasa.
  #3 (permalink)  
Antiguo 21/05/2009, 17:01
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: Problema de height con IE6

Si ya lo habia pensado asi, segun lei en tu guia, pero si le quito el -550 se va el contenido abajo, en la posicion que deberia estar, y el vacio queda arriba.
__________________
"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 21/05/2009, 17:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema de height con IE6

Cita:
Iniciado por gVenom Ver Mensaje
Si ya lo habia pensado asi, segun lei en tu guia, pero si le quito el -550 se va el contenido abajo, en la posicion que deberia estar, y el vacio queda arriba.
Me refiero a que lo quites para ver que efectivamente es ese el problema.

Ahora, ¿cuál es la solución? pues no sé, porque no he mirado el código, pero si necesitas ese desplazamiento negativo tan bestia para colocar eso ahí algo no está bien desde el principio. Debes procurar que las cosas se coloquen de forma natural donde les corresponde según el flujo del documento, y sólo cuando no sea esto posible, buscar otras soluciones. Creo que tienes poco elementos como para poder posicionar las cosas sin tanta dificultad.
  #5 (permalink)  
Antiguo 21/05/2009, 17:12
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: Problema de height con IE6

yo estoy casi seguro que la cabecera es el problema, porque me costo horrores acomodar eso con divs, creo que mejor le hago una tabla a la cabecera, el resto es más fácil con div.

Bueno gracias.
__________________
"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 21/05/2009, 17:27
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema de height con IE6

Hola:

Cita:
Iniciado por gVenom Ver Mensaje
creo que mejor le hago una tabla a la cabecera
Eso sería rendirse y no aprender, create, poco a poco, una página aparte con otra hoja de estilos y vas viendo lo que ocurre.

Saludos.

  #7 (permalink)  
Antiguo 21/05/2009, 17:38
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: Problema de height con IE6

Cita:
Iniciado por jomaruro Ver Mensaje



Eso sería rendirse y no aprender
Hola jomaruro, si supieras cuanto tiempo llevo dandole a ese detalle. Mira que si ya vi que es la cabecera, que se la quite y todo se fue a su posicion debida.

Pero no veo el problema. Comence la hoja de IE6 aparte de uno en uno y cuando lo probe con el resto de elementos me hizo lo mismo. Le quite todas las posiciones relativas y corregi parametros y nada. Por eso ando por aqui jeje.
__________________
"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 04:05.