Tema: Posicionamiento de divs
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/11/2015, 09:10
jakijem
 
Fecha de Ingreso: septiembre-2013
Mensajes: 60
Antigüedad: 10 años, 7 meses
Puntos: 1
Pregunta Posicionamiento de divs
tengo un HTML sencillo con 3 divs, por ejemplo, como esto:


Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.       <link rel="stylesheet" type="text/css" href="estilospruebacolocaciondivs.css">
  7. </head>
  8. <body>
  9.     <div id="wrapper"> 
  10.         <div id="left">
  11.                 <a href="index.html">
  12.                      <img src="Logo_NUEVO_100.png" class="logo" alt="logo"/>
  13.                 </a>
  14.         </div>
  15.  
  16.         <div id="right">
  17.         </div>
  18.  
  19.         <div id="center">
  20.         </div>
  21.     </div>
  22.     
  23. </body>
  24. </html>

con esta hoja de estilos:

Código CSS: 
Ver original
  1. @charset "utf-8";
  2.  
  3.     #wrapper {
  4.         width: 100%;
  5.         height: auto;
  6.     }
  7.  
  8.     #left{
  9.         border: 2px;
  10.         border-color: green;
  11.         border-style: dotted;
  12.         max-width: 25%;
  13.         height: auto;
  14.         float: left;
  15.         margin: 0;
  16.         padding: 0;
  17.         background-color: red;
  18.     }
  19.  
  20.     #right{
  21.         border: 2px;
  22.         border-color: blue;
  23.         border-style: dotted;
  24.         max-width: 25%;
  25.         height: auto;
  26.         float: left;
  27.         margin: 0;
  28.         padding: 0;
  29.         background-color: red;
  30.     }
  31.     #center{
  32.         border: 2px;
  33.         border-color: red;
  34.         border-style: dotted;
  35.         margin: 0 auto;
  36.         background-color: green;
  37.         max-width: 50%;
  38.         height: auto;
  39.     }
  40.     .logo {
  41.         width: 50%;
  42.         height: auto;
  43.         float: left;
  44.         margin: 0;
  45.         background-color: #09BDE4;
  46.     }

Bueno, pues por algun motivo que desconozco, el div que contiene la imagen del logo, aun teniendo margin y padding cero, deja a izquierda y arriba un pequeño espacio, como de 10px

¿Porqué sucede esto? ¿como se puede ajustar un div para que quede pegado a izquierda y arriba (o a donde sea) sin ningun espacio?