Tengo un problema muy grande, estoy tratando de maquetar mi pagina con capas y css pero no lo consigo, todo me funciona perfecto pero en la parte de abajo donde aparece una encuesta tengo problemas.
Me descuadra toda la parte final de la pagina.
si por favor me pudieran ayudar, les dejo el html y el css, cualquier comentario es valido
Código:
<body>
<div id="todo">
<div id="tope">imagen</div>
<div id="menusuperior"> menu</div>
<div id="cuerpo">
<div id="barraizquierda">barra izquierda</div>
<div id="centro">
<div id="barranavegacion">barra que indica en que seccion del sitio estoy</div>
<div id="ultimosarticulos">ultimos articulos</div>
<div id="masvotadosarticulos">
articulos mas votados
</div>
<div id="bannermedio">banner</div>
<div id="seccionmedia">
<div id="encuesta">
encuesta</script>
</div>
<div id="foro">
<p>sdasdasd</p>
<p>asdasd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
</div>
</div>
<div id="prueba">Prueba</div>
</div>
<div id="barraderecha">barra derecha</div>
</div>
<div id="piedepagina">pie de pagina</div>
<div id="pieinfo">
informacion variada
</div>
</div>
</body>
</html>
y el css es
Código:
#Cuerpo {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 760px;
overflow: visible;
margin-right: auto;
margin-left: auto;
background-color: #3333FF;
}
#centro {
margin-right: 4px;
margin-left: 4px;
background-color: #FFFFFF;
width: 502px;
float: left;
overflow: visible;
}
#piedepagina {
clear: both;
width: 760px;
}
#publicidadforo {
float: left;
width: 316px;
}
#barranavegacion {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #007AD5;
background-color: #DEF6FF;
margin-top: 2px;
}
#menusuperior {
background-color: #FFFFFF;
}
#barraizquierda {
float: left;
width: 125px;
background-color: #DEF6FF;
margin-top: 4px;
}
#tope {
margin: auto;
width: 760px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
overflow: hidden;
}
#barraderecha {
float: left;
width: 125px;
margin-top: 4px;
background-color: #003333;
}
#todo {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 760px;
overflow: visible;
margin-right: auto;
margin-left: auto;
font-size: 12px;
background-image: url(img/fondocolumna.gif);
background-repeat: repeat-y;
background-position: left bottom;
}
#pieinfo {
font-size: 11px;
color: #999999;
text-align: center;
background-color: #FFFFFF;
}
#articulo1 {
width: 248px;
float: left;
border: 1px solid #DEF6FF;
}
.titulossecciones {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #007AD5;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #007AD5;
}
#articulo2 {
width: 248px;
float: right;
border: 1px solid #DEF6FF;
}
.titulosdorados {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #B39861;
}
#masvotadosarticulos {
margin-top: 4px;
margin-bottom: 4px;
}
#piedepagina {
color: #FF9900;
background-color: #FF9933;
}
#seccionmedia {
overflow: visible;
background-color: #00CC66;
}
#encuesta {
width: 180px;
float: left;
border: 1px solid #DEF6FF;
}
#foro {
clear: right;
float: right;
width: 316px;
}
#prueba {
background-color: #330033;
float: none;
clear: both;
}
me estoy volviendo loco... y lo que es peor el firefox me lo muestra de una forma y el explorer de otra, muchas gracias por su ayuda