Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/10/2007, 17:44
Avatar de Snd234
Snd234
 
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 16 años, 10 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