Estoy realizado mi sitio web todo en HTML 5 y en la maquetacion se forma un espacio entre las etiquetas header, menú y aside he probado con el line-height pero no me ha funcionado.
Les dejo el lino para que lo miren
http://www.skpepublicidad.com/v10/index_01.html
GRACIAS
Código HTML :
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Documento sin título</title> <!--Estilos de pagina--> <link rel="stylesheet" href="css/estilos_escritorio.css" type="text/css" media="screen"/> </head> <body> <div id="contenedor"><!--ABRE CONTENEDOR DEL SITIO--> <section class="contenedor_izquierda"><!--contedor izquierda--> <header>aqui va el header</header> <menu>aqui va el menu</menu> <aside>redes sociales</aside> </section><!--cierra contedor izquierda--> <!--**********************************************************************************--> <section class="contendor_derecha"><!--contenedor derecha--> <article class="rotor">rotor</article> </section><!--cierra contenedor derecha--> </div><!--CIERRA CONTENEDOR DEL SITIO--> </body> </html> <!-- text below generated by server. PLEASE REMOVE --><!-- Counter/Statistics data collection code --><script language="JavaScript" src="http://l.yimg.com/d/lib/smb/js/hosting/cp/js_source/whv2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.webhosting.yahoo.com/visit.gif?us1334846586" alt="setstats" border="0" width="1" height="1"></noscript>
Código :
body {
font-family: Verdana,Geneva,sans-serif;
font-size: 12px;
margin: auto;
}
#contenedor {
background: none repeat scroll 0 0 #00CC33;
height: 1150px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: 983px;
}
.contenedor_izquierda {
background: none repeat scroll 0 0 #003366;
float: left;
height: 1150px;
margin-right: 8px;
width: 338px;
}
.contendor_derecha {
background: none repeat scroll 0 0 #990033;
float: left;
height: 1150px;
width: 636px;
}
header {
background: none repeat scroll 0 0 #CC6666;
height: 403px;
width: 338px;
}
menu {
background: none repeat scroll 0 0 #CCFF66;
height: 487px;
width: 338px;
}
aside {
background: none repeat scroll 0 0 #6600FF;
height: 260px;
width: 338px;
}
.rotor {
background: none repeat scroll 0 0 #0066FF;
height: 338px;
margin-top: 8px;
width: 629px;
}
