Foros del Web » Creando para Internet » CSS »

que los costados de la pagina queden de otro color

Estas en el tema de que los costados de la pagina queden de otro color en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/11/2010, 18:11
 
Fecha de Ingreso: septiembre-2010
Mensajes: 137
Antigüedad: 7 años, 2 meses
Puntos: 0
que los costados de la pagina queden de otro color

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
  #2 (permalink)  
Antiguo 23/11/2010, 18:20
Avatar de geeck22  
Fecha de Ingreso: agosto-2010
Ubicación: Tijuana B.C.
Mensajes: 79
Antigüedad: 7 años, 3 meses
Puntos: 7
Sonrisa Respuesta: que los costados de la pagina queden de otro color

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

de esta manera:

Style.css
Código CSS:
Ver original
  1. body {
  2.     background-color:green;
  3. }
  4. #contenedor {
  5.     width:800px;
  6.     height:auto;
  7.     background-color:black;
  8. }

index.html
Código HTML:
Ver original
  1. <title>Roberto Lopez</title>
  2. <link href="style.css" rel="stylesheet" type="text/css" />
  3. </head>
  4. <div id="contenedor">
  5. Aqui Todo el Contenido de tu web...
  6. </div>
  7. </body>
  8. </html>

TARAN asi deveria funcionar lo que quieres

Espero haberte ayudado.
Saludos
  #3 (permalink)  
Antiguo 23/11/2010, 20:01
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: que los costados de la pagina queden de otro color

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,
__________________
Diseño web en Castellón · Consultoría SEO en Castellón
Proyectos de diseño, desarrollo, fotografía, iphone apps.
  #4 (permalink)  
Antiguo 24/11/2010, 09:04
 
Fecha de Ingreso: junio-2008
Mensajes: 165
Antigüedad: 9 años, 6 meses
Puntos: 6
Respuesta: que los costados de la pagina queden de otro color

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 original
  1. body {
  2.  
  3. background: black;
  4. margin:0;
  5. padding:0;
  6. }
  7.  
  8. #contenedor {
  9.  
  10. width:800px;
  11. background:green;
  12. }
  #5 (permalink)  
Antiguo 24/11/2010, 12:03
 
Fecha de Ingreso: septiembre-2010
Mensajes: 137
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: que los costados de la pagina queden de otro color

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?
  #6 (permalink)  
Antiguo 24/11/2010, 13:23
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 9 años, 1 mes
Puntos: 12
Respuesta: que los costados de la pagina queden de otro color

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%
}
__________________
Mi web --> www.CarlosPC.net

Última edición por carlospc; 24/11/2010 a las 16:18

Etiquetas: color
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 11:01.