Foros del Web » Creando para Internet » CSS »

Definir tamaño en css

Estas en el tema de Definir tamaño en css en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 01/05/2008, 11:09
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Definir tamaño en css

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.
  #2 (permalink)  
Antiguo 01/05/2008, 11:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Definir tamaño en css

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.
  #3 (permalink)  
Antiguo 01/05/2008, 11:35
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

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.
  #4 (permalink)  
Antiguo 01/05/2008, 11:39
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Definir tamaño en css

Cita:
Iniciado por Cenfer Ver Mensaje
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.
  #5 (permalink)  
Antiguo 01/05/2008, 11:55
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

Cita:
Iniciado por Mikmoro Ver Mensaje
¡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?
  #6 (permalink)  
Antiguo 01/05/2008, 11:56
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

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.

Última edición por Cenfer; 01/05/2008 a las 12:55
  #7 (permalink)  
Antiguo 01/05/2008, 12:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Definir tamaño en css

¿Qué son paletas web?
  #8 (permalink)  
Antiguo 01/05/2008, 12:20
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

Que te define una gama de colores y tu en base a eso implementas esos colores a tu web.
  #9 (permalink)  
Antiguo 01/05/2008, 12:50
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

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.
  #10 (permalink)  
Antiguo 01/05/2008, 12:59
 
Fecha de Ingreso: noviembre-2002
Ubicación: Avellaneda
Mensajes: 247
Antigüedad: 15 años
Puntos: 0
Re: Definir tamaño en css

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

saludos
__________________
www.elumina.com.ar
  #11 (permalink)  
Antiguo 01/05/2008, 13:09
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

Cita:
Iniciado por guilledocke Ver Mensaje
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
  #12 (permalink)  
Antiguo 01/05/2008, 13:16
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

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.
  #13 (permalink)  
Antiguo 01/05/2008, 13:19
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Definir tamaño en css

Listo, la imagen era de 50x50 de altura la agrande a 1.000 gracias a todos.
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 17:18.