Definir tamaño en css

Cenfer · #1 (**permalink**) 01/05/2008, 10:09

Hola a todos, quiero definir un tamaño de ancho de la web en css y en el body tengo esto

body
{
background-color: #F5F5F5;
margin: 0px; padding: 0px
}

La web seria algo similar a esta http://visitalexandriava.com/ pero como le dejo el ancho definido?

en el hedar le puse:

#header{
background: url('../imagenes/fondos/cabezera_arriba.jpg') repeat-x;
background-color:#3C3C3C;
height:126px;
}

Gracias, esque al final le cambiare de medidas.

Mikmoro · #2 (**permalink**) 01/05/2008, 10:19

Pues hay muchas maneras de hacerlo, pero en este caso concreto, ha encerrado todo en un contenedor principal:

<body>
<div id="globalWrapper">

y en la css le ha puesto a ese div un width: 800px;

#globalWrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

Mikel.

Cenfer · #3 (**permalink**) 01/05/2008, 10:35

Hola Mikimoro lo estoy haciendo así:

</body>
<¡-- Inicio Cuerpo! -->
<div id="cuerpo">
<div id="header">
<div id="menu">
<div id="espacio">
<div id="contenido">
</div>
</div>
<¡-- Final Cuerpo! -->
</html>

Gracias.

Mikmoro · #4 (**permalink**) 01/05/2008, 10:39

Cita:

Iniciado por Cenfer

Hola Mikimoro lo estoy haciendo así:

</body>
<¡-- Inicio Cuerpo! -->
<div id="cuerpo">
<div id="header">
<div id="menu">
<div id="espacio">
<div id="contenido">
</div>
</div>
<¡-- Final Cuerpo! -->
</html>

Gracias.

¡Atención! hay un par de errores.

1.- </body>, te sobra la barra: debe ser <body>

2.- </html> estás cerrando el html sin cerrar el body. Debe ser: </body></html>

Según lo que pones, deberías aplicar el ancho en el selector #cuerpo.

Mikel.

Cenfer · #5 (**permalink**) 01/05/2008, 10:55

Cita:

Iniciado por Mikmoro

¡Atención! hay un par de errores.

1.- </body>, te sobra la barra: debe ser <body>

2.- </html> estás cerrando el html sin cerrar el body. Debe ser: </body></html>

Según lo que pones, deberías aplicar el ancho en el selector #cuerpo.

Mikel.

Ya me di cuenta, si la etiqueta principal es cuerpo, gracias

Sabeis donde puedo encontrar paletas web?

Cenfer · #6 (**permalink**) 01/05/2008, 10:56

El css lo tengo así ahora:

/*Inicio del CSS*/
/*CSS Cuerpo*/
@charset "utf-8";
body
{
background: url(../images/bg-body.gif) #f6efe9;
margin: 0px; padding: 0px
}
#cuerpo {
width: 800px;
margin-left: auto;
margin-right: auto;
}
/*CSS Cuerpo*/
/*Fin del CSS*/

y el html:

<!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" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link rel="stylesheet" href="estilos/principal.css" type="text/css"/>
</head>
<body>
<div id="cuerpo">
<div id="header">
<div id="menu">
<div id="espacio">
<div id="contenido">
</div>
</div>
</body>
</html>

Saludos y gracias.

Mikmoro · #7 (**permalink**) 01/05/2008, 11:03

¿Qué son paletas web?

Cenfer · #8 (**permalink**) 01/05/2008, 11:20

Que te define una gama de colores y tu en base a eso implementas esos colores a tu web.

Cenfer · #9 (**permalink**) 01/05/2008, 11:50

Ahora tengo un problema.

Quiero que se muestre esa imagen de fondo en toda la págima y se me queda así:

En el css puse esto:
/*CSS Cuerpo*/
@charset "utf-8";
body{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
background: url(../imagenes/fondos/pagina.jpg) repeat-x; #f6efe9;
color: #655e27;
margin: 0;
padding: 0;
}
#cuerpo {
width: 800px;
margin-left: auto;
margin-right: auto;
}
/*CSS Cuerpo*/

En el xhtml:

<!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" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link rel="stylesheet" href="estilos/principal.css" type="text/css"/>
</head>
<body>
<div id="cuerpo">
<div id="header">
<div id="menu">
<div id="espacio">
<div id="contenido">
</div>
</div>
</body>
</html>

Que hago mal?

Gracias.

guilledocke · #10 (**permalink**) 01/05/2008, 11:59

Creo que el error esta en el "repeat-x" que le colocas al background, este parametro lo repite horizontalmente,

saludos

Cenfer · #11 (**permalink**) 01/05/2008, 12:09

Cita:

Iniciado por guilledocke

Creo que el error esta en el "repeat-x" que le colocas al background, este parametro lo repite horizontalmente,

saludos

Tampoco porque lo quito se muestra la imagen y el color de fondo.

No se que sera.

Gracias igualmente a los dos

Cenfer · #12 (**permalink**) 01/05/2008, 12:16

Vale ahora en el css puse:

body{
background: url(../imagenes/fondos/pagina.jpg) #f6efe9;
}
#cuerpo {
width: 800px;
margin-left: auto;
margin-right: auto;
}
/*CSS Cuerpo*/

Y se queda asi:

Me gustaria que se fuera repitiendo pero al poner repeat-x se queda como la primera imagen.

Gracias.

Cenfer · #13 (**permalink**) 01/05/2008, 12:19

Listo, la imagen era de 50x50 de altura la agrande a 1.000 gracias a todos.