Foros del Web » Creando para Internet » CSS »

color de fondo a lo largo de la columna

Estas en el tema de color de fondo a lo largo de la columna en el foro de CSS en Foros del Web. Quiero lograr que el color de fondo ocupe todo el largo de la columna del Menu, para que que quede como en www.hierrostorrent.com.ar En css ...
  #1 (permalink)  
Antiguo 20/03/2005, 10:13
 
Fecha de Ingreso: septiembre-2003
Ubicación: Buenos Aires, Argentina
Mensajes: 92
Antigüedad: 20 años, 7 meses
Puntos: 1
color de fondo a lo largo de la columna

Quiero lograr que el color de fondo ocupe todo el largo de la columna del Menu, para que que quede como en www.hierrostorrent.com.ar

En css lo que pude lograr lo pueden ver aca, http://www.hierrostorrent.com.ar/Prueba/torrent02.htm

Tampoco se como darle el espacio entre palabras para que quede igual al primer ejemplo


Aqui el codigo css:
/* CSS Document */

body{
padding :0;
margin :0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

#header {
margin:0px 0px 10px 0px;
padding:17px 0px 0px 20px;
border-style:solid;
border-color:black;
border-width:1px 0px;
line-height:11 px;
background-color:#E8EAEA;
background-color: #E8EAEA;

}

#contenido{
padding-top : 0px;
padding-bottom : 30px;
padding-left : 230px;
padding-right : 5%;
text-align: justify;
}

#contenido h1 {
font-size: 120%;
font-weight: normal;
color: #000000;
background-color : transparent;
}

#contenido h2 {
font-size: 100%;
font-weight: bold;
color: #000000;
background-color : transparent;
}

#contenido p{
font-size: 80%;
font-weight: normal;
color: #000000;
background-color : transparent;
line-height : 140%;
}

#logo{
position : absolute;
top : 30px;
left : 30px;
z-index : 50;
background-color: #ECE9D8;
}
#menu{
position: absolute;
top : 71px;
left : 5px;
width : 140px;
font-weight: bold;
margin-bottom: 0px;
background-color: #e6c9c1;
}

#menu a{
display: block;
width: 155px;
text-align: center;
text-decoration: none;
font-family:bold;
font-size:12px;
color: #000000;
border: solid 0px #000000;
}

#menu a:hover {
font-size: 12px; COLOR: #44370f; font-weight: bold; text-decoration: none;
background-color:#F7ECEA;
}
  #2 (permalink)  
Antiguo 20/03/2005, 12:10
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 2 meses
Puntos: 9
Puedes utilizar position:absolute para las capas ,para la separacion de las palabras esta word-spacing y para las lineas line-height. Ademas dale height a header=10% menu=90% contenido=90%, el de header e puesto 10% pero habra que ajustarlo a la imagen, despues reajustas los demas para que la suma sea 100%

Última edición por programeitor; 20/03/2005 a las 12:13
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




La zona horaria es GMT -6. Ahora son las 23:05.