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:
y el css es <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>
Código:
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 #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;
}
