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
Si, me imaginaba algo asi... Bueno me voy a fijar a ver que puedo cambiar.
