Background dentro del contenedor.

[mvlsistemas]

Hola gente, les consulto porque no puedo darle el background a todo el contenedor.
Me toma el #ffffff en los primeros div pero no en los siguientes.

Código:

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align:center;
	margin:0 auto;
	background-color: #FFFFFF;
	background-image:url(fdo.jpg);

}

#contenedor{
margin: 0 auto;
text-align:left;
width:70%;
background-color:#FFFFFF!important;
z-index: 1;

}
//eso es el css en parte 

<div id="contenedor">
<div><img src="header.jpg" alt="header" width="980" height="162" /></div>

<div><img src="spot.jpg" alt="spot" width="980" height="505" /></div>

//en estos no me muestra el fondo clanco y están dentro de la etiqueta contenedor o al menos eso creo.
<div id="celdaa"></div>
<div id="celdab"></div>
<div id="celdac"></div>
<div id="celdad"></div>
<div id="celdae"></div>

</div>

[DragonX]

agregale a tu contenedor la propiedad overflow.

Código CSS:

#contenedor{
margin: 0 auto;
text-align:left;
width:70%;
background-color:#FFFFFF !important;
z-index: 1;
overflow:hidden;
}
 

[mvlsistemas]

Hola DragonX, si probé así pero nada. las div de abajo me siguen quedando fuera del contenedor a pesar de estar adentro en el código y no toman el fonfo #fff

[snowmanchip]

mvl ... con ese css si te toma los colores...que propiedades tienen los otros divs?

Punto aparte creo que el z-index está demás y tienes el contenedor con tamaño relativo 70% y las imágenes en px, por lo que es bastante probable que las imágenes se salgan del div.
Saludos

[venommist]

estimado mvlsistemas, no te mostrarán los cuadros bajo porque no poseen un contenido, intenta agregarle un   (espacio en blanco) y de este modo debería tomar sin ningun problema, el css.

quedando el código así:

Código:

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align:center;
	margin:0 auto;
	background-color: #FFFFFF;
	background-image:url(fdo.jpg);

}

#contenedor{
margin: 0 auto;
text-align:left;
width:70%;
background-color:#FFFFFF!important;
z-index: 1;
POSITION:RELATIVE;

}
//eso es el css en parte 

<div id="contenedor">
<div><img src="header.jpg" alt="header" width="980" height="162" /></div>

<div><img src="spot.jpg" alt="spot" width="980" height="505" /></div>

//en estos no me muestra el fondo clanco y están dentro de la etiqueta contenedor o al menos eso creo.
<div id="celdaa">&nbsp;</div>
<div id="celdab">&nbsp;</div>
<div id="celdac">&nbsp;</div>
<div id="celdad">&nbsp;</div>
<div id="celdae">&nbsp;</div>

</div>

[mvlsistemas]

Hola buena gente, muchas gracias desde ya por la ayuda.
Este es mi intento nº 1000 por abandonar definitivamente las <td>, ja.
Me mejoró muchísimo con su ayuda, lo que no logro es que los textos con caracteres especiales se vean bien a pesar de estás utf-8 en la css y en el meta html

Así quedó, solo que en el contenedor me sigue quedanto transparente el bg en agunas div.

Código:

@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align:center;
	margin:0 auto;
	background-color: #FFFFFF;
	background-image:url(fdo.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	background-attachment: fixed; 

}


#contenedor{
margin: 0 auto;
text-align:left;
width:980px;
background-color:#FFFFFF!important;
z-index: 1;
POSITION:RELATIVE;


}

#celdaa  {
	position:absolute;
	top:689px;
	left:8px;
	width:300px;
	height:185px;
	background: #ffffff;
	background-image: url(images/BA1.jpg);
	visibility:visible;
	z-index:2;
 }

Código:

<div id="contenedor">

<div ><img src="spot.jpg" alt="spot" width="980" height="505" /></div>
//hasta acá todo bien, el contenedor toma el background #fff;




//pero estos div celdaa,b,c y d si tienen el bg de su id pero no abajo el del contenedor.
<div id="celdaa">&nbsp;gwe</div>
<div id="celdab">&nbsp;wergt</div>
<div id="celdac">&nbsp;wer</div>
<div id="celdad">

    <p> respaldo de los datos.      </p>
    <p>Si perdés la info... </p>
    <p></p>

</div>
<div>
<div id="celdae"> 
  <div id="footer">sss</div>
  <div id="footer1">sss</div>
  <div id="footer2">sss</div>
</div>
</div>

[C2am]

Hola
¿Tienes un enlace para ver cual es el problema?

[mvlsistemas]

Acá está el enlace http://mvlsistemas.com.ar/pegate/index.php