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 {
	
}

JHMorales · #2 (**permalink**) 23/05/2007, 03:00

Hola:
no has puesto nada para el #div por lo cual lo pone donde debería aparecer según el flujo html. En lo poco que se creo que podrías usar en el div anterior, en el css, clear:both. De esta manera impides que el #pie se cuele en el hueco que hay entre los dos div de abajo. Suerte, Jorge H.

snakepit · #3 (**permalink**) 23/05/2007, 08:24

Perfecto JhMorales gracias ahora si esta por debajo, por casualidad sabes como hacer para que el pie valla hasta abajo de la pagina tocando el fondo? porque me esta quedando horizontal pero un poco arriba!!! Gracias