[Ovillo] Problemas con contenidos en esta maqueta con CSS
Reynier Perez Mira
rperezm en estudiantes.uci.cu
Mar Jun 20 03:52:29 UTC 2006
Hola:
Como siempre acostumbro me estoy rompiendo la cabeza con la maquetación de un sitio. El problema es que los contenidos se me salen del contenedor principal y no se como solucionarlo. He aqui el CSS en cuestion:
* {
margin:0;
padding:0;
}
html {
height: 100%;
}
body {
height: 100%;
background: #E1E1E2;
color: #000000;
font-weight: bold;
font-family: "MS Sans Serif", Geneva, sans-serif;
font-size: 76%;
padding: 0;
margin-top:5px;
text-align: center; /*para centrar en IE 5 o inferior*/
}
/*Contenedor principal*/
#wrap {
width: 760px; /* Para navegadores Opera */
\width: 760px; /* Para IE se agrega el padding y el border */
w\idth: 760px; /* Cualquier otro navegador estndar */
text-align: left; /* alnea a la izquierda nuevamente*/
margin: 0 auto; /* para centrar en navegadores modernos */
border: 1px solid #CCCCCC;
}
#banner{
background: url(../images/bannerrv.png) no-repeat;
left: inherit;
top:inherit;
width: 760px;
height: 150px;
}
/*Fecha y hora*/
#fechahora{
line-height: 25px;
background: url(../images/gradient_4.png) repeat-x left top;
padding-right: 1em;
text-align: right;
color: #FFC251;
}
/*Pathway*/
#pathway{
line-height: 25px;
background: url(../images/gradient_4.png) repeat-x left top;
padding-left: 1em;
padding-right: 1em;
}
/*Pie de pgina*/
#footer{
background: url(../images/gradient_4.png) repeat-x left top;
clear: both;
line-height: 25px;
text-align: center;
font-weight: bold;
color: #FFC251;
border-top: 2px solid #FFFFFF;
}
/*Contenedores laterales*/
#left, #right{
width: 24%;
float: left;
height: 100%;
}
/*Contenedor central*/
#content {
width: 51%;
height: 100%;
float: left;
color: inherit;
}
Que es lo que hago mal?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.
Más información sobre la lista de distribución Ovillo