color de fondo en el body

maire · #1 (**permalink**) 25/06/2012, 16:31

tengo un html con un header, 2 laterales y un contenedor central, cuando le pongo color de fondo al body me tiñe de ese color el div lateral y el centro...

Oscar_Hidro · #2 (**permalink**) 25/06/2012, 16:41

Hola @maire, seria interesante ver algo de código para entender bien cual es tu problema.

A lo que entiendo, es que en tus contenedores aparece el color del fondo(body). Si no quieres que te aparesca el color de fondo en cualquiera de tus contenedores, tienes que agregarles un color de fondo a cada contenedor. El color ya es a tu gusto.

maire · #3 (**permalink**) 25/06/2012, 16:49

los div tiene color de fondo...no deberia ocurrir eso, aca va el codigo html y css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Noticias</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="estilos/estilo2.css" rel="stylesheet" type="text/css" media="screen"/>
</head>

<body>
<div id="wrapper">
<div id="header">
<h1 id="logo"><a href="/" title="Homepage">hola</a></h1>
</div>
<div id="leftcolumn">
<div id="menu">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Horarios</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
</div>
<div id="rightcolumn">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
</div>
<div id="footer">
<p>This is the Footer</p>
</div>
</div>
</body>
</html>

---------------------------------------------------------------------------------------------------

@import url("reset.css");

body{ background-color:#607462;}

p {
padding: 10px;
}

#wrapper {
margin: 0 auto;
width: 960px;
}

#header {
height: 175px;
width: 960px;
background-image:url(../imagenes/header.png);
}

h1{
background-image:url(../imagenes/logo.png);
background-repeat:no-repeat;
width:232px;
height:73px;
text-indent:-9999px;
position:absolute;
top:23px;
margin-left:18px;
}

ul {
display: block;
}

ul li a{
text-decoration:none;
color: #3c5247;
font-size:1em;
font-family:"Arial", Verdana, sans-serif;
line-height:22px;
margin-left:20px;
}

#content {
float: left;
background: #FFFFFF;
width: 720px;

}

#leftcolumn {
background: #bec7bf;
width: 120px;
height:115px;
float: left;
border-radius: 0 0 10px 10px;
margin-top:-46px;
padding-top:10px;

}

#rightcolumn {
background: #CC33FF;
width: 120px;
float: left;
}

#footer {
height: 62px;
width: 960px;
background: #33FF66;
clear: both;
}

Oscar_Hidro · #4 (**permalink**) 25/06/2012, 16:52

Prueba aplicando la propiedad "background-color" en tus divs en vez de "background"

maire · #5 (**permalink**) 25/06/2012, 16:54

si probe pero sigue igual

Oscar_Hidro · #6 (**permalink**) 25/06/2012, 16:58

He probado tu código y me muestra de forma correcta los colores en los divs correspondientes. Veo que tienes un reset en tu css, prueba eliminando la referencia al archivo reset.css

maire · #7 (**permalink**) 25/06/2012, 17:04

gracias por tu ayuda! la suerte no esta de mi lado, porque hice todo lo que me decis pero sigue el error, no entiendo...

Oscar_Hidro · #8 (**permalink**) 25/06/2012, 17:11

Estas viendo tu resultado en Internet Explorer??? Si es asi, velo en otros navegadores haber que resultado te da.

Exactamente en que divs te da el problema????

maire · #9 (**permalink**) 25/06/2012, 18:23

me sale en todos los navegadores, lateral izquierdo y centro

Tedel · #10 (**permalink**) 25/06/2012, 23:06

Pon esto en algun servidor y envíame el enlace por mensaje privado para revisarlo.

kseso? · #11 (**permalink**) 26/06/2012, 04:23

@maire
A sus código no le ocurre nada. Esto es, hacen lo que tiene declarado. No hay fallo en ese comportamiento.
El izquierdo y central, al igual que el derecho, crecen en función de su contenido, como es normal, y hasta ahí se dibuja su fondo.
Creo que lo que busca es la estructura conocida como falsas columnas css, faux columns o Equal Height.
Sólo tiene que utilizar esos términos de búsqueda (o similares) para ver múltiples ejemplos.

Cita:

Iniciado por Tedel

Pon esto en algun servidor y envíame el enlace por mensaje privado para revisarlo.

Creo que debería saber que esa práctica siempre se había reprobado en estos foros.
No se ahora, quizás eso haya cambiado.