Pie de página

Some_aya · 5 Mar 2011, 13:23 · Solicitar retirada

Hola!
Tengo una consulta un poco extraña ¬¬...
Estoy siguiendo el curso Paso a Paso (que he empezado hace muy poco)...
en el cual estoy en la lección segunda, en el apartado "Separación del menú lateral"...
En este punto, he empezado a crear varias páginas web en "experimentos" para ir poniendo en práctica lo aprendido y así practicar con el código Html.
El caso es que en la web plantilla de la página que estoy experimentando, el pie de página me hace una cosa rara.
El color ROJO, se expande todo lo largo de la linea, y hacia arriba. Es decir, que me hace como un medio recuadro que ocupa toda la parte inferior de la página y también la zona derecha.
Lo extraño es que en la página que estoy haciendo con CCTW no me pasa esto...
¡Y lo tengo todo igual! He comparado una y otra vez el cogido Html, y la hoja de estilos para encontrar el fallo, o la diferencia... ¡Pero no lo encuentro!
Está todo igual... ¿Como es posible que el pie me haga eso raro?
Gracias de antemano!
Un saludo.

Yaneth · 5 Mar 2011, 18:54 · Solicitar retirada

hola

para ayudarte debes pegar aqui todo el contenido de html y css

saludos

Some_aya · 5 Mar 2011, 23:05 · Solicitar retirada

Hola,

Este es el codigo de la plantilla:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Mi titulo</title>
<link rel="stylesheet" href="estiloplantilla.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Mónica</div>
<div id="navegacion">Barra de Navegacion</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>
<p>Esta será la zona principal de la web</p>
<p>Aqui voy a explicar "Quienes somos" y porqué somos los mejores.</p>
<p>Y aqui explicaré porque es mejor una fiesta completamente personalizada</p>
<p>Además añadiré los regalos inigualables y que ninguna otra empresa ofrece</p>
</div>

<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>

Y ESTE, EL DE LA HOJA DE ESTILO:

*{text-indent: 0px ; margin: 0px; padding: 0px ; border: 0px}
body {background-color: #D15FEE; text-align:center}
#global {width: 800px; margin: 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color: blue}
#contenido {background-color: orange ; widht: 800px ; float: left}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float: left; text-align:left;
margin: 3px 10px 3px 3px}
#menu li {list-style: none ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
a {color: brown; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color: silver}
a:active {}
p {text-align: justify}

Gracias!!!

Yaneth · 8 Mar 2011, 16:38 · Solicitar retirada

hola

aqui tu error en el css

#contenido {background-color: orange ; widht: 800px ; float: left}

en html te falta un corchete aqui

ul><li><a href="#"Enlace 1</a>

saludos