0 Replies Latest reply on Apr 19, 2012 8:33 AM by DiegoDiazCuellar

    Space between tags

    DiegoDiazCuellar

      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>

      <!--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>

       

       

      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;

      }