Foros del Web - Ver Mensaje Individual - Ayuda con mi web Porfavor divs y menues!!

snakepit · #1 (**permalink**) 22/05/2007, 22:23

Que tal amigos necesito su ayuda, ya que cuando uso el #pie para poner informacion que aparezca en el fondo de la pagina me lo pone en cualquier lado como veran aqui.

Bueno les dejo aqui mi codigo si le pueden dar un vistaso se los agradezco mucho, saludos

Código:

<head> 
<title>Miguel De Olaso - Laud - Guitarra</title> 
<link rel="STYLESHEET" type="text/css" href="estilo.css">
</head> 


<body>
<div id="contenedor"> 
<div id="header">
<div id="newsletter"><FORM action=http://ar.groups.yahoo.com/subscribe/miguel_de_olaso method=get>
   Suscribase al Newsletter<br>
   <INPUT 
      value="Ingrese su email" name=user>
<input name="Haga clic aqu&iacute; para suscribirse a miguel_de_olaso"  type=submit value="Enviar">
 </FORM></div>

 <div id="links">
<ul>
<li><a href="#1" title="Home" class="estilo2">Home</a> </li> 
<li><a href="#1" title="Biografia" class="estilo2">Biografía</a> </li> 
<li><a href="#3" title="Compania del tempranillo" class="estilo2">Companía del Tempranillo</a> </li>
<li><a href="#4" title="Prensa" class="estilo2">Prensa</a> </li>
<li><a href="#5" title="Contacto" class="estilo2">Contacto</a></li>
</ul>
 </div>
</div>
<div id="header1">
</div>
<div id="cuerpo">
<div id="c1">
  <h2>Nuevo Disco</h2>
  <img src="images/disco.gif" width="150" height="150"> <br>
  La guitarra en Espa&ntilde;a y el nuevo mundo  <li class="li">Más info</li>
    </div>
<div id="c2">  
  <h2 class="h2">Agenda<br>
  </h2>
  <p class="p"><span class="fecha">12-5-07</span> <strong>Teatro Col&oacute;n</strong>, Buenos Aires <br>
    <span class="fecha">18-5-07</span> <strong>Teatro Coliseo</strong>, Buenos Aires  <br>
    <span class="fecha">28-8-07</span><strong> Anfiteatro de Mar del Plata</strong>, Mar del Plata </p>
  <h2 class="h2">&nbsp;</h2>
  <h2 class="h2">Novedades<br>
  </h2>
  <p class="p"><span class="fecha">12 de Abril, 2007 </span><br>
    <a href="http://www.pagina12.com.ar/diario/suplementos/espectaculos/7-5984-2007-04-11.html" target="_blank">Lanzamientos P&aacute;gina 12</a></p>
  <p><span class="fecha">20 de Abril, 2007  </span><br>
    <a href="http://www.lanacion.com.ar/Archivo/nota.asp?nota_id=901658" target="_blank">Cr&iacute;tica diario La Nacion</a> <br>
    por Juan Carlos Montero </p>
 </div>
<div id="pie">Miguel de Olaso 2007 todos los derechos reservados. Diseño Miguel Pirán</div>
</div>
</div> 
</body>
</html>

Código:

/* CSS Document */

BODY {
	margin : 0px 0px 0px 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; color:#FFCC99; line-height:15px;;
	font-size: 12px;
	background-image: url(images/fondo_pagina.gif);
}	
	
	
a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFCC99;
	font-size:14px;
	
}
a:visited { font-family: Georgia, "Times New Roman", Times, serif; color: #FFCC99; font-size:14px;}
a:hover { font-family: Georgia, "Times New Roman", Times, serif; color: #957838; font-size:14px;}
a:active { font-family: Georgia, "Times New Roman", Times, serif; color: #663333; font-size:14px;}	
	
	
	
	
	/* aca empieza lo de los h1*/  
h1 {font-size: 20px;}
h2 {font-size: 16px;color: #FF9933;}
h3 {font-size: 16px; color:#996600; letter-spacing: 1px;}
h4 {font-size: 12px; bold: margin:0}
.tabla {font-size:12px;} 
.h2{margin:0;}
.h3{margin:0;}
.h4{margin:0;}
.p{margin:0;}
.fecha{color:#996600;}


 
#contenedor{
	text-align: left;
	width: 822px;
	height:100%;
	margin: auto;
	background-image: url(images/fondo.gif);
} 

#header{
	text-align: right;
	width: 822px;
	height: 141px;
	margin: auto;
	background-image: url(images/header.gif);
	padding-top: 20px;
} 

#header1{
	text-align: left;
	width: 822px;
	height: 240px;
	margin: auto;
	background-image: url(images/header1.jpg);
} 

#newsletter{
	width: 250px;
	padding-right: 25px;
	
} 

/*------------LINKS-------------*/
#links{
	width: 600px;
	height : 20px;
	margin: auto;
	padding-top: 20px;
	left: 261px;
	top: 108px;
	text-align: right;
	
}
#links ul{
	list-style:none;
	left: 462px;
	text-align:right;
	margin: 0px;
	padding-right: 40px;
}

#links li{
list-style:none;
left: 462px;
display: inline;
margin:5;
}

/* --------------CUERPO------------*/
#cuerpo{
	text-align: left;
	width: 822px;
	background-image: url(images/fondo.gif);
	padding-top: 20px;
	padding-bottom: 20px;
}

#c1{
	text-align: left;
	width: 200px;
	height:250px;
	float:left;
	margin-left: 20px;
	}
#c2{
	text-align: left;
	width: 450px;
	height:200px;
	float: right;
	margin-right: 28px;
}

#pie {
	
}