Foros del Web » Creando para Internet » CSS »

Duda básica

Estas en el tema de Duda básica en el foro de CSS en Foros del Web. Hola, primero me presento, es la primera vez que escribo en este foro y me llamo Jose. He empezado hace bien poco con CSS por ...
  #1 (permalink)  
Antiguo 03/12/2007, 11:34
 
Fecha de Ingreso: diciembre-2007
Ubicación: Córdoba, España
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
Pregunta Duda básica

Hola, primero me presento, es la primera vez que escribo en este foro y me llamo Jose.

He empezado hace bien poco con CSS por mi cuenta. Antes había tocado cositas ya hechas, con blogger y wordpress, pero comprendereis que entiendo lo básico.

Ahora estoy metido en un proyecto personal para crearme una web básica, html y css nada más, para poner enlaces a mis trabajos y a webs interesantes. Y nada más empezar, problemas. Estoy leyendo un manual de librosweb, pero no encuentro la solución a mi duda.

Mi duda es la siguiente:

Quiero que la página se quede centrada, he diseñado una imagen para el fondo bastante grande, con el hueco para el contenido de la web en medio. Ahora quiero meter una imagen que he hecho y cuando cambio el tamaño de la ventana del navegador, la imagen baila de lado a lado. Quiero simplemente saber cómo situar el contenido siempre en el centro de la web, tenga el usuario la resolución que tenga. Os dejo un ejemplo externo, ya que lo que hay de mi web aun no está colgado: http://www.ndesign-studio.com/ La imagen de fondo de colores que hay en esa web sería la imagen que yo ya he colocado centrada. Y, pongamos que todo el contenido de esa página sea la otra imagen que quiero dejar siempre en su sitio con respecto al fondo.

He probado poniéndole un margen izquierdo con porcentaje y ya digo, la imagen baila al no ir en concordancia con el fondo.

Un saludo y gracias por adelantado. No será mi último mensaje aquí seguro
  #2 (permalink)  
Antiguo 03/12/2007, 12:50
Avatar de atoleon  
Fecha de Ingreso: marzo-2007
Mensajes: 156
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: Duda básica

lo mejor que pudes hacer es crear un box (div) contenedor el cual esté centrado en la web y luego todo lo metes ahí dentro. de esa manera siempre mantendrás ese contendero y todo su contenido centrado en la web.

ve a google y escribe "maquetación web css sin tablas" y te saldrán un montón de manuales en el que explican como maquetar una web y podrás ver como se centra una web.

P.D. Hasta que no lleve 30 mensajes no puedo escribir urls. si no te daba un par de direcciones con manuales muy buenos.
  #3 (permalink)  
Antiguo 03/12/2007, 16:14
Avatar de Ziongem  
Fecha de Ingreso: noviembre-2007
Ubicación: mvd
Mensajes: 58
Antigüedad: 10 años, 1 mes
Puntos: 0
Re: Duda básica

Buenas, como estás?

No sé si entendí bien tu problema, pero aquí vamos:

1) Para poner el contenido centrado poné un div contenedor con un ancho con valores con porcentaje (si querés que se adapte a las diferentes resoluciones), y ponele margin:0 auto, para que se centre horizontalmente.

2) Lo de la imágen que decías podés ponerla como background del div y ponerle posición fija, así escrollea con el navegador.

Un saludo,

Zg
  #4 (permalink)  
Antiguo 11/12/2007, 05:27
 
Fecha de Ingreso: diciembre-2007
Mensajes: 2
Antigüedad: 10 años
Puntos: 0
Re: Duda básica

Hola Jose, en el manual que dices que estás utilizando viene la respuesta a lo que quieres hacer.

Centrar una página en la ventana del navegador (independientemente de la resolución de pantalla y del tamaño de la ventana):

La solución consiste en encerrar los contenidos en un elemento <div> contenedor y asignarle unos márgenes laterales automáticos:

Código HTML:
#contenedor {
  width: 300px;
  margin: 0 auto;
}
 
<body>
  <div id="contenedor">
    <h1>Lorem ipsum dolor sit amet</h1>
    ...
  </div>
</body> 

La solución anterior la puedes ver en http://www.librosweb.es/css/capitulo12/estilos_basicos.html
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 04:56.