Foros del Web » Creando para Internet » CSS »

problema con espacios/lineas en ie6

Estas en el tema de problema con espacios/lineas en ie6 en el foro de CSS en Foros del Web. IE6, para variar... Bueno, estoy traspasando un diseño que hice a HTML y cuando lo visualizo con IE6 me muestra lo siguiente: Me muestra un ...
  #1 (permalink)  
Antiguo 21/10/2007, 18:44
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 10 años, 6 meses
Puntos: 2
problema con espacios/lineas en ie6

IE6, para variar...

Bueno, estoy traspasando un diseño que hice a HTML y cuando lo visualizo con IE6 me muestra lo siguiente:



Me muestra un espacio horizontal entre cada capa, siendo que deviera de verse asi:



El codigo HTML que llevo hasta el momento es el siguiente:
Código PHP:
<div id="wrapper">
    <
div id="header-wrapper"></div>
    <
div id="blue-wrapper"></div>
    <
div id="content-wrapper">
        <
div id="content_top"></div>
        <
div id="content_main">
            <
div id="content">
                <
p>contenido</p>
                <
p>contenido</p>
                <
p>contenido</p>
            </
div>
        </
div>
        <
div id="content_bottom"></div>
    </
div>
    <
div id="footer_main">
        <
p id="footer_text">bla bla bla bla...</p>
    </
div>
    <
div id="footer_bottom"></div>
</
div
Mientras que en la hoja de estilo tengo:
Código PHP:
#wrapper {
    
width816px;
    
margin0px auto;
}

#header-wrapper {
    
height116px;
    
background-imageurl(images/header.png);
    
background-repeatno-repeat;    
}

#blue-wrapper {
    
height112px;
    
background-imageurl(images/blue_bg.png);
    
background-repeatno-repeat;
    
background-positioncenter;
}

#content_top {
    
height12px;
    
background-imageurl(images/content_top.png);
    
background-repeatno-repeat;
}

#content_main {
    
background-imageurl(images/content_bg.png);
    
background-repeatrepeat-y;
    
background-positiontop center;
    
positionrelative;
}

#content_bottom {
    
height12px;
    
background-imageurl(images/content_bottom.png);
    
background-repeatno-repeat;
}

#content {
    
padding8px 16px;
}

#footer_main {
    
height28px;
    
background-imageurl(images/footer_bg.png);
    
background-repeatno-repeat;
    
background-positioncenter;
    
positionrelative;
}

#footer_bottom {
    
height8px;
    
background-imageurl(images/footer_bottom.png);
    
background-repeatno-repeat;
    
background-positioncenter;
    
positionrelative;
}

#footer_text {
    
color#FFFFFF;
    
text-aligncenter;
    
padding-top8px;

Cual puede ser el problema? y alguna solucion?
__________________
KIBIT.cl
  #2 (permalink)  
Antiguo 21/10/2007, 20:03
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: problema con espacios/lineas en ie6

Varios problemas:

Primeramente, el div que contiene los 3 p tags, tienes que definirle un height, ponle auto si este crece, y si tiene un alto fijo, pues declaralo. la etiqueta p que se encuentra en el footer, debes removerle el padding top y darle ese espacio con el propio div que lo contiene. Seria un poco mas facil, si dieras el link de la pagina, y se pudiera modificar el codigo para probar cuales son los distintos problemas/soluciones. Espero que eso te sirve.

Como consejo adicional, te aconsejo, utilizar propiedades abreviadas, no hay necesidad de usar esto:

Código PHP:
#wrapper {
    
width816px;
    
margin0px auto;
}

#header-wrapper {
    
height116px;
    
background-imageurl(images/header.png);
    
background-repeatno-repeat;    
}

#blue-wrapper {
    
height112px;
    
background-imageurl(images/blue_bg.png);
    
background-repeatno-repeat;
    
background-positioncenter;
}

#content_top {
    
height12px;
    
background-imageurl(images/content_top.png);
    
background-repeatno-repeat;
}

#content_main {
    
background-imageurl(images/content_bg.png);
    
background-repeatrepeat-y;
    
background-positiontop center;
    
positionrelative;
}

#content_bottom {
    
height12px;
    
background-imageurl(images/content_bottom.png);
    
background-repeatno-repeat;
}

#content {
    
padding8px 16px;
}

#footer_main {
    
height28px;
    
background-imageurl(images/footer_bg.png);
    
background-repeatno-repeat;
    
background-positioncenter;
    
positionrelative;
}

#footer_bottom {
    
height8px;
    
background-imageurl(images/footer_bottom.png);
    
background-repeatno-repeat;
    
background-positioncenter;
    
positionrelative;
}

#footer_text {
    
color#FFFFFF;
    
text-aligncenter;
    
padding-top8px;

cuando puedes usar esto:

Código PHP:
#wrapper {
    
width816px;
    
margin0px auto;
}

#header-wrapper {
    
height116px;
    
backgroundurl(images/header.pngno-repeat;
}

#blue-wrapper {
    
height112px;
    
backgroundurl(images/blue_bg.pngno-repeat center;
}

#content_top {
    
height12px;
    
backgroundurl(images/content_top.pngno-repeat;
}

#content_main {
    
backgroundurl(images/content_bg.pngrepeat-y top center;
    
positionrelative;
}

#content_bottom {
    
height12px;
    
backgroundurl(images/content_bottom.pngno-repeat;
}

#content {
    
padding8px 16px;
}

#footer_main {
    
height28px;
    
backgroundurl(images/footer_bg.pngno-repeat center;
    
positionrelative;
}

#footer_bottom {
    
height8px;
    
background-imageurl(images/footer_bottom.pngno-repeat center;
    
positionrelative;
}

#footer_text {
    
color#FFFFFF;
    
text-aligncenter;
    
padding-top8px;

__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #3 (permalink)  
Antiguo 21/10/2007, 20:41
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 10 años, 6 meses
Puntos: 2
Re: problema con espacios/lineas en ie6

Aun eliminando las etiquetas p el problema persiste:


Y sobre abreviar las propiedades, me gusta mas especificarlos por separado, cosas de gusto ;)

Alguien sabe que poder arreglarlo?... Aun no descubro como...
__________________
KIBIT.cl
  #4 (permalink)  
Antiguo 22/10/2007, 16:07
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 10 años, 6 meses
Puntos: 2
Re: problema con espacios/lineas en ie6

Bueno, aqui dejo el enlace con la parte que me esta dando problemas.

http://www.kibit.cl/ejemplos/html/problema/index_.html

Usando FF, IE7 u Opera las capas estan perfectamente "unidas", mientras que con IE6 se ven especios entre algunas capas...

Espero que ahora si alguien sepa que puede ser y como arreglarlo
__________________
KIBIT.cl
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 06:37.