que los costados de la pagina queden de otro color

Alfonso1 · #1 (**permalink**) 23/11/2010, 18:11

tengo una pagina con el fondo verde, y so contenido esta dentro de un "div" de 800 pixeles de ancho.

quiero que a la izquierda y a la derecha de ese "div" sea de color negro.

probe poniendo el fonde de la pagina como negro y el fonde del "div" como verde, pero esto hace que tambien quede negro por debajo y por arriva del "dib"

para esquematisar quiero que la pagina se bea asi:

llllllllllllllllllll****************************** ***llllllllllllllllllll
lllllnegrolllll**************verde**************ll lllnegrolllll
llllllllllllllllllll****************************** ***llllllllllllllllllll
llllllllllllllllllll****************************** ***llllllllllllllllllll
llllllllllllllllllll****************************** ***llllllllllllllllllll
llllllllllllllllllll****************************** ***llllllllllllllllllll
llllllllllllllllllll****************************** ***llllllllllllllllllll

geeck22 · #2 (**permalink**) 23/11/2010, 18:20

eso lo puedes hacer con una hoja de estilos...

de esta manera:

Style.css

Código CSS:

Ver originalbody {
    background-color:green;
}
#contenedor {
    width:800px;
    height:auto;
    background-color:black;
}

index.html

Código HTML:

Ver original<html>
<head>
<title>Roberto Lopez</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
Aqui Todo el Contenido de tu web...
</div>
</body>
</html>

TARAN asi deveria funcionar lo que quieres

Espero haberte ayudado.
Saludos

dargorg · #3 (**permalink**) 23/11/2010, 20:01

Sería recomendable que te miraras algunos manuales sobre CSS y HTML antes de preguntar... por ejemplo tienes varios en www.librosweb.es ya que lo que preguntas es muy, MUY básico.

Un saludo,

cronosmen · #4 (**permalink**) 24/11/2010, 09:04

Estoy con dargorg, seria recomendable que empezaras a manejar css, con el tiempo verás que puedes hacer maravillas. Según como te comenta el compañero geeck22.. lo hace alrevés, con ese código tendrias los laterales vederces y el contenedor (centro) negro.

Prueba con esto:

Código CSS:

Ver originalbody {
 
background: black;
margin:0;
padding:0;
}
 
#contenedor {
 
width:800px;
background:green;
}

Alfonso1 · #5 (**permalink**) 24/11/2010, 12:03

MI PAGINA TIENE POCO CONTENIDO (NO ALCANZA A OCUPAR TODO EL ALTO DE LA PANTALLA, POR LO QUE QUEDA NEGRO POR DEBAJO DEL DIV CONTENEDOR.

¿hay alguna manera de espesificar que el div tenga la altura justa de la pantalla?

carlospc · #6 (**permalink**) 24/11/2010, 13:23

si quieres que tu div tenga la altura del contenedor asiganle al height:100%;

la misma propiedad asignale al html

body, html{
height:100%;
}

#contenedor{
height:100%
}