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>
Código:
De antemano gracias por sus respuestas amigos 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%;}