Entrar

No consigo colocar el pié de página

Xuky · · Solicitar retirada
Hola, soy nuevo aquí, y tengo una duda sobre la hoja de estilos.
Antes de todo avisar que estoy por la lección 2.
No consigo colocar el pié de página debajo de todo(como sale en los ejemplos).
Lo que pasa es que se me queda a la derecha del párrafo central, en un pequeño espacio.
He mirado el código fuente del ejemplo y lo tengo igual por eso creo creo que el problema está en la hoja de estilos.
Os pido que me pongáis la hoja de estilos del ejemplo que está en: Lecció segunda>Margen en párrafos>el enlace de aspecto en tu plantilla.html

MUCHÍSIMAS GRACIAS Y DECIROS QUE ES MUY ENTRETENIDO EL CREAR UNA PÁGINA WEB
BIENNNN
jonoxx · · Solicitar retirada
Cuando tengas algún problema de ese tipo es recomendable que pegues tu cófigo Html y tu codigo css para que lo revisen y vean el problema. Así que si quieres pega ambos códigos lo leemos y podemos decir donde esta tu problema :D

Saludos
"Todos partimos desde 0, pero pocos llegamos al infinito"
Pepo · · Solicitar retirada
Ola yo tengo el mismo problemaa q tiene xuky mi codigo html es este:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css"type/css"media="all">
</head>
<body>
<div id="gloval">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
y mi codigo css:
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange;width:800px; float:left;}
#pie {background-color:brown;}
#menu {background-color:yellow; width:150px; float:left;text-align:left;}
#menu li {list-style:none;margin:4px 0px 4px 6px;}
a {color:brown; font-size:1.3em; text-decoration:none; display:block;}
a:link {}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver;}
a:active{}
Graciassss ! :)
drkorel · · Solicitar retirada
En principio parece que está bien, sólo que no le has asignado un tamaño. Además, te recomiendo que lo pongas bajo el div "global" y le asignes el mismo tamaño en px para que así quede abajo siempre.

Saludos.