Foros del Web » Creando para Internet » CSS »

Ayuda con mi web Porfavor divs y menues!!

Estas en el tema de Ayuda con mi web Porfavor divs y menues!! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/05/2007, 23:23
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Ayuda con mi web Porfavor divs y menues!!

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 {
	
}
  #2 (permalink)  
Antiguo 23/05/2007, 04:00
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Ayuda con mi web Porfavor divs y menues!!

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.
  #3 (permalink)  
Antiguo 23/05/2007, 09:24
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Ayuda con mi web Porfavor divs y menues!!

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:59.