Foros del Web » Creando para Internet » CSS »

El footer enloquecio!!

Estas en el tema de El footer enloquecio!! en el foro de CSS en Foros del Web. Basta!!! Hace 3 días que lucho contra el footer de mi website que no logro ponerlo abajo, centrado como un buen footerrrrr! Alguien que sepa ...
  #1 (permalink)  
Antiguo 20/07/2006, 07:31
Avatar de divanrec  
Fecha de Ingreso: enero-2005
Ubicación: Buenos Aires
Mensajes: 54
Antigüedad: 12 años, 10 meses
Puntos: 0
El footer enloquecio!!

Basta!!! Hace 3 días que lucho contra el footer de mi website que no logro ponerlo abajo, centrado como un buen footerrrrr!



Alguien que sepa de diseño con DIVS (no como yo que recien empiezo) puedo mirar donde esta el error???

El css es asi:

body{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background: #FFFFFF;
text-align: center;
padding:0px;
margin:0 auto 0 auto;

}
p, td, th, div, span, li {
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Header */

#header {
height:200px;
width:740px;
float:none;
background-image:url(images/header.jpg);
position: relative;
margin: 0 auto;
}

/* Body */

#contentall {
width:740px;
position: relative;
margin: 0 auto;

}

#left {
width: 150px;
height:350px;
float: left;
text-align: left;
background-color: #E9F5F7;
padding-left: 10px;
padding-top: 20px;
}

#left li{
list-style-position: inside;
padding-bottom:20px;
list-style-image: url(images/blue_arrow.gif);

}
#left a {
color: #003399;
font-size:10px;
text-decoration: none;
font-weight: bolder;

}
#left a:hover {

color: #0099FF;
font-size:10px;
text-decoration: underline;


}
#center {
height:400px;
width: 430px;
float:left;
margin-right: 1px;
margin-left: 1px;
text-align: left;


}

#center_index {
width: 430px;
float:left;
padding: 10px;
text-align: left;
background-color:#FFFFFF;
background-image:url(images/fondo_index.jpg);
backround-position: top-left;
background-repeat: no-repeat;

}

#right {
width: 130px;
float: right;
background-color:#FFFFFF;
}

#globitos_verdes{
height:115px;
width:130px;
margin-top: 10px;
background-image:url(images/rectangulo_verde.gif);
}

#aligner {

width:740px;
float: auto;
}
/* Textos flotantes */

.titulo1 {
width:215px;
margin-top: 190px;
float:left;

}


.titulo2 {
width:200px;
float:right;
margin-top:50px;
}

.titulo3 {
width:200px;
margin-left:185px;
margin-top:0px;
float:right;
}


.copete {
text-color:#3399CC;
font-size:10px;
color: #660066;
line-height:15px;
}
.ninos {
margin-left:15px;
margin-top:60px;
float:right;
}

/* Footer */

#footer {
width:740px;
height:20px;
background-color:#999999;
text-align: center;
font-size: 10px;
position:relative;
margin:auto;
}


#footer a {
color: #00A7E6;
text-decoration: none;
font-weight: bold;
}

/* Navigation */

#login_bar {
width:725px;
height:15px;
background-color:#EDEEF6;
text-align:right;
padding-right:15px;
padding-top:3px;
padding-bottom:2px;
}

#top-bar {
width:725px;
height:15px;
text-align:right;
padding-right:15px;
padding-top:5px;

}
#top-bar a {
color: #003366;
font-size:11px;
text-decoration: none;

}
#top-bar a:hover {
color: #003366;
font-size:11px;
text-decoration: underline;

}

y el HTM

<?php include 'header.htm' ; ?>

<div id="contentall">
<div id="login_bar"> holA </div>
<div id= "left">
<?php include'botonera_left.htm' ; ?>
</div>

<div id = "right">

<div id="globitos_verdes"><img src="images/globito_1.gif" width="130" height="115"> </div>
<div id="globitos_verdes"><img src="images/globito_2.gif" width="130" height="115"> </div>
<div id="globitos_verdes"><img src="images/globito_3.gif" width="130" height="115"> </div>

</div>

<div id = "center_index">

<span class="titulo3"><span class="copete">¡Exito escolar en línea!</span>
<img src="images/titulo_3.gif" width="215" height="33"><br>
Conozca nuestro eficaz
apoyo escolar en linea</span>

<span class="titulo1"><span class="copete">Para niños y adolescentes</span>
<img src="images/titulo_1.gif" width="215" height="50"><br>
Alumno y profesor directamente<br>
comunicados en diálogo permanente
</span>

<span class="titulo2"><span class="copete">Adaptado para adultos y personalizado</span><img src="images/titulo_2.gif" width="215" height="50"><br>
Calificados profesores
</span>
<span class="ninos"><img src="images/chicos.jpg"></span></div>
</div>
<div id="footer"> hola - hola - hola </div>
</div>


SI ALGUIEN ME ALECCIONA ESTARE ETERNAMENTE AGRADECIDA
__________________
www.victoriavidal.com.ar
  #2 (permalink)  
Antiguo 20/07/2006, 14:39
 
Fecha de Ingreso: abril-2005
Ubicación: Lima-Peru
Mensajes: 313
Antigüedad: 12 años, 7 meses
Puntos: 1
Hola, primeramente, revisa la maquetacion de tu pagina, veo muchas etiquetas innesarias, a la volada probe tu codigo y al final hay un div de mas, y tienes que poner la capa footer dentro del contenedor "contentall", luego si quieres que se vaya hasta abajo, debes probar poniendole height:100%........... saludos
  #3 (permalink)  
Antiguo 20/07/2006, 18:29
Avatar de divanrec  
Fecha de Ingreso: enero-2005
Ubicación: Buenos Aires
Mensajes: 54
Antigüedad: 12 años, 10 meses
Puntos: 0
Si, me imaginaba algo asi... Bueno me voy a fijar a ver que puedo cambiar.

Cualquier cosa vuelvo apreguntar...
__________________
www.victoriavidal.com.ar
  #4 (permalink)  
Antiguo 20/07/2006, 19:59
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
footer {
clear: both;
}
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 11:08.