Saludos Kseso? tienes razon, anexo el codigo del HTML y del CSS para ver si me pueden dar una mano con este problema
En el HTML he colocado esto:
Código:
<html>
<head>
</head>
<body>
<div id="contenedor">
<div id="contenedor_top">
<div id="top_izq"> </div>
<div id="top_fondo"> </div>
<div id="top_derecho"> </div>
</div>
<div id="menutop">Aqui va la Botonera con una imagen de fondo</div>
<div id="header">Aqui va una Imagen o u Flash</div>
</div>
</body>
</html>
Este es el CSS
Código:
body {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background:#FFFFFF;
font-family:Arial;
font-size:12px;
}
#contenedor {
width:977px;
margin:0 auto;
}
#contenedor_top {
margin-top:10px;
}
#header {
width:977px;
height:410px;
padding-top:100px;
}
#top_izq {
background:url(imagenes/logo_top.jpg) no-repeat;
width:478px;
height:74px;
float:left;
}
#top_fondo {
background:url(imagenes/top_fondo.jpg) repeat-x;
width:486px;
height:74px;
float:left
}
#top_derecho {
background:url(imagenes/top_derecho.jpg) no-repeat;
width:13px;
height:74px;
float:left;
}
#menutop {
background:url(imagenes/fondo_menu.jpg) repeat-x;
width:977px;
height:26px;
float:left;
}
Lo que hago con el menutop no es nada del otro mundo, simplemente una cabecera con las esquinas redondeadas a traves de imagen y no creo que eso influya mucho.
El problema en IE6 es que hay una separación que no se debe entre top_fondo, menutop y el header. Mientras que en IE7 hay un espacio en blanco entre el menu y el header
En Opera, Firefox e IE8 se ve perfecto.
Agradezco enormemente su ayuda,
Gracias