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