Hi to everyone.
I'm building my site with full HTML 5 and using tags like header, menu, section, aside, etc .... but, as you can see, it appears a space between each tag. I'm use line-height but it's not working, can anyone helpme???
Here is the link: http://www.skpepublicidad.com/v10/index_01.html
THANKS
And here is the code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link rel="stylesheet" href="css/estilos_escritorio.css" type="text/css" media="screen"/>
</head>
<body>
<div id="contenedor">
<section class="contenedor_izquierda">
<header>aqui va el header</header>
<menu>aqui va el menu</menu>
<aside>redes sociales</aside>
</section>
<section class="contendor_derecha">
<article class="rotor">rotor</article>
</section>
</div>
</body>
</html>
<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>
And the CSS:
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;
}
