El caso es que tengo un menu, un contenido que se adapta segun el tamaño de texto, y un bloque para noticias. El problema surge cuando pongo un background de fondo al wrap, el caso es que no se ve en la parte de menu y noticias puesto que tienen tamaños determinados. ¿como podria hacer para solucionarlo?. Dejo el html y el css que seran de ayuda para comprender esto.
Agradezco cualquier aportacion, gracias.
El html
Código :
<html> <head> <title>pagina prueba</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <LINK REL="stylesheet" TYPE="text/css" HREF="estilo.css"> </head> <body> <div id="contenedor"> <div id="idioma">Español/English</div> <div id="banner"></div> <div id="menu_acceso"> </div><!-- menu_acceso --> <div id="dondeesta">ESTÁ EN > INICIO > CRMF SALAMANCA</div> <div id="menu_lateral"> </div><!-- menu_lateral --> <div id="menu_principal"> </div><!-- menu_principal --> <div id="noticias"><p>NOTICIAS</p></div> <div id="contenido"> <div id="cuerpocontenido"> <div class="titulo">El CRMF de Salamanca</div></br><p><img src="Images/foto_CRMF.jpg">Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno Texto de Relleno [-]</p> </div><!-- cuerpocontenido --> <div id="piecontenido"></div> </div><!-- contenido --> <div id="Noticia1"> <div id="CuerpoNoticia1"> <div class="imgNoticia1"><img src="Images/imagen_noticia.jpg"></div> <div class="txtNoticia1">Servicios e industria, los sectores que más contratan a trabajadores.</div> </div><!-- CuerpoNoticia1 --> <div class="FinNoticia1"></div> </div><!-- Noticia1 --> <div id="Noticia1"> <div id="CuerpoNoticia1"> <div class="imgNoticia1"><img src="Images/imagen_noticia.jpg"></div> <div class="txtNoticia1"> El Gobierno valenciano facilita el aprendizaje de idiomas en el extranjero.</div> </div><!-- CuerpoNoticia1 --> <div class="FinNoticia1"></div> </div><!-- Noticia1 --> <div id="pie"><p>Texto para Pie Texto para Pie Texto para Pie Texto para Pie Texto para Pie Texto para Pie <br> Texto para Pie Texto para Pie Texto para Pie Texto para Pie Texto para Pie Texto para Pie Texto para Pie </p></div> </div><!-- Contenedor --> </body> </html>
El css
Código :
/* CSS Document */
body{
text-align:center;
margin:0 auto;
font-family: verdana, arial, tahoma, Trebuchet MS, sans-serif;
font-size:10px;
background-image:url(Images/background.jpg);
}
#contenedor {
margin: 0 auto;
width:800px;
height:100%;
text-align:center;
background-color:#00FF00;
}
#idioma {
width:800px;
height:20px;
background: url(Images/idioma.jpg) no-repeat;
font-size:9px;
text-align:right;
padding-right:10px;
}
#banner {
float:left;
width:664px;
height:141px;
background: url(Images/banner.jpg) no-repeat;
}
#menu_acceso {
float:left;
width:136px;
height:141px;
background: url(Images/menu_acceso.jpg) no-repeat;
font-size:9px;
text-align:left;
}
#dondeesta {
float:left;
width:640px;
/width:800px;
height:20px;
text-align:left;
font-variant:small-caps;
font-size:9px;
color:#666666;
padding-left:160px;
background-color:inherit;
}
#menu_lateral {
float:left;
width:134px;
height:100%;
text-align:left;
background: url(Images/menu_lateral.jpg) no-repeat;
}
#menu_principal {
float:left;
left:134px;
width:530px;
height:27px;
background: url(Images/menu_principal.jpg) no-repeat;
background-color:inherit;
}
#noticias {
float:left;
width:136px;
height:27px;
background: url(Images/noticias_fondo.jpg) no-repeat;
font-size:12px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:inherit;
}
#noticias p{
position:relative;
top:-5px;
/top:5px;
}
#contenido {
float:left;
left:135px;
width:530px;
background:#00CC00;
}
#cuerpocontenido {
float:left;
left:135px;
width:auto;
background: url(Images/contenido.jpg) repeat-y;
}
.titulo{
font-size:18px;
font-weight:bold;
text-align:left;
padding:25px 0 0 25px;
}
#cuerpocontenido p {
float:left;
left:135px;
text-align:left;
padding:0 20px 0px 20px;
font-size:12px;
line-height:18px;
}
#cuerpocontenido img{
float:left;
padding-right:5px;
}
#piecontenido {
float:left;
left:135px;
width:530px;
height:29px;
background: url(Images/piecontenido.jpg) no-repeat;
}
#Noticia1 {
float:left;
left:664px;
width:136px;
background: url(Images/fondo_noticia1.jpg) no-repeat;
padding-top:10px;
}
#CuerpoNoticia1{
background: url(Images/fondo_noticia2.jpg) repeat;
}
.txtNoticia1 {
padding:15px 7px 0 12px;
text-align:left;
}
.FinNoticia1{
width:136px;
height:25px;
background: url(Images/fondo_noticia3.jpg) no-repeat;
}
#pie {
float:left;
top:570px;
width:799px;
height:30px;
background: url(Images/pie.jpg) no-repeat;
font-size:8px;
font-weight:bold;
text-align:center;
padding-left:20px;
color:#000000;
}
D es q en el Worpress no me deja -o- verlo pero graxias