Margenes

falonpla · #1 (**permalink**) 01/02/2007, 11:53

Os pego el codigo y ahora os explico el problema que tengo:

HTML

Código PHP:

      <head> 
        <title>titulo de la pagina</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <link href="fp.css" rel="stylesheet" type="text/css" /> 
    </head> 
 
    <body> 
         
        <div id="envoltorio"> 
             
            <div id="cabecera"> 
            <a href="uvedoblepuntocom/" title="blablabla"> 
            <img src="logo2.png" alt="blublublu" width="200" height="100" /> 
            </a> 
            </div> 
             
            <div id="contenido"> 
                <div id="barramenu"> 
                </div> 
                <div id="notas"> 
                <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> 
                </div> 
            </div> 
         
        </div> 
         
        <div id="pie"><p>Algunos derechos reservados</p></div> 
         
    </body> 
 
</html>

CSS

Código PHP:

  body { 
    background-image: url(fondo.png); 
    background-repeat: repeat-x; 
    margin: 0px; 
    text-align:center 
} 
img { 
    border: none; 
} 
#envoltorio { 
    margin: 0px auto; 
    width: 756px; 
} 
#cabecera { 
    width:756px; 
    height: 100px; 
    margin: 0px; 
    padding: 0px; 
} 
#contenido { 
    margin: 0px; 
    width: 756px; 
    height: 400px; 
    background-color:#CCFF00 
} 
#barramenu { 
    margin: 0px; 
    width: 150px; 
    height: 400px; 
    background-color:#FF9900; 
    float: left; 
} 
#notas { 
    margin-left: 150px; 
    height: 400px; 
} 
#pie { 
    clear: both; 
    width: 100%; 
    height: 60px; 
    background-color:#000000; 
    color:#FF9900 
}

He creado esta pagina, y al abrirla con el explorer no tengo problemas, si la visualizo en el dreamweaver también se ve correctamente, pero al abrirla en firefox aparecen por arte de magia dos margenes, uno entre la capa cabecera y contenido, y otro entre contenido y pie. He intentado eliminarlos, pero no doy con ello. Echarme una mano please, aunque sea al cuello.

DragonX · #2 (**permalink**) 01/02/2007, 12:05

probá con este código:

Código HTML:

<head>
        <title>titulo de la pagina</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="fp.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="envoltorio">
            <div id="cabecera">
            <a href="uvedoblepuntocom/" title="blablabla">
            <img src="logo2.png" alt="blublublu" width="200" height="100" />
            </a>
            </div>
            <div id="contenido">
                <div id="barramenu">
                </div>
                <div id="notas">
                <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                </div>
            </div>
        </div>
        <div id="pie">Algunos derechos reservados</div>
    </body>
</html>

lo que hice fué quitarle el a tu última línea.

falonpla · #3 (**permalink**) 01/02/2007, 12:24

Voilá !

Eliminando esa etiqueta se volatilizó el margen inferior, como seguía estando el superior, he eliminado la otra etiqueta que tenia en la capa "notas", aunque lo he hecho por inercia, no se cual es la explicación lógica para esto.

Entonces la moraleja de esta historia es no usar la etiqueta ???

Thanks !!

DragonX · #4 (**permalink**) 01/02/2007, 12:34

la etiqueta es equivalente a un salto de carro (enter).

Si, la etiqueta debes utilizarla, pero siempre y cuando veas que sea necesaria, por ejemplo en un parrafo de texto