hola amigos del foro
, estoy maquetando en porcentaje, tengo un div superior en el cual estan anidados otros tres div en el primer div anidado va ir una imagen de 740x130px, ahora los otros dos div anidados solamente van a ser una franja de colores distintos horizontalmente y claro todo al 100% de ancho el problema es q al insertar la imagen los div donde solo son franjas de color siempre son mas pequeños,lo q no entiendo si tienen de ancho 100% por q no se igualan al div superior donde esta la imagen, ahora cuando en el div donde me contiene los otros 3 div anidados le pongo 106%ancho se acomoda y todo sale bien, pero cuando lo veo en firefox siguen pequeños cuando aumento el porcentaje se ve bien en firefox pero en explorer se mas grande los div de colores, no se como podria trabajarlo para q se vea bien tanto en explorer como en firefox...le adjunto mi codigo espero q me puedan ayudar
Código HTML:
<body>
<div id="contenedor">
<div id="cabeza">/*aca esta el problema*/
<div id="cabeza1"><img src="gif/cabeza.gif" ></div>
<div id="cabeza2"></div>/*noson igual de ancho q el div dela imagen*/
<div id="cabeza3"></div>
</div>
<div id="izquierda">
<div id="menu"></div>
<div id="fono"></div>
</div>
<div id="centro"></div>
<div id="derecha">
<div id="contacto"></div>
<div id="publicidad"></div>
</div>
<div id="pie"></div>
</div>
</body> El Csss
Código:
body { /*estilo del cuerpo del documento*/
background : #C0D9D9 ;
background-image:url(gif/f2.gif);
font :8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 0px 0px 0px 0px;
text-align: center;
}
#contenedor{
text-align: left;
width: 90%;
margin: auto;
background-color : #ffffff; }
#cabeza{
width:100%;}
#cabeza2{
background:#CFC836;
width: 100%;
height:5px;
}
#cabeza3{
background-color:#004080;
width: 100%;
text-align:center;
height:15px;
}
#izquierda{
float:left;
width:20%;}
#centro{
float:left;
width:55%;
}
#derecha{
float:right;
width:20%;}
#pie{
clear:both;
width:100%;}
De antemano gracias por sus respuestas amigos
