Una consulta

gogupe · #1 (**permalink**) 10/11/2007, 17:29

Hola a todos.

Tengo una duda a la hora de confeccionar una página, la cuestión es saber como se hace para que quede un borde entre la derecha y la izquierda, es decir, que la página se quede en el medio, al estilo por ejemplo de http://www.elpais.com/
Si podreis verlo, con una resolucion alta de pantalla, se queda en medio.
Pienso que esto no se hace con frame ¿verdad?

Saludos y gracias a todos.

Raulmmmm · #2 (**permalink**) 11/11/2007, 06:30

Usando CSS:
#contenedor{ max-width: 1000px; }
Ten en cuenta que no funcionará en IE6.

gogupe · #3 (**permalink**) 11/11/2007, 09:03

Muchas gracias Raul... otra pregunta, hay algunas mas incompatibilidades, por ejemplo en mac, linux, etc. ??

axz · #4 (**permalink**) 12/11/2007, 10:12

gogupe, otra opción que funciona es usando igual CSS, retomando el ejemplo de Raulmmmm:

Código:

#contenedor{
  width: 1000px;
  margin: 0px auto;
}

Funciona en todos los navegadores

axz · #5 (**permalink**) 12/11/2007, 10:45

En cuanto a las incompativilidades, hay varias, pero van cambiando, las principales son el margin y padding que por default asigna cada navegador a los distintos elementos. Para evitarlo puedes asignar como primer sentencia CSS:

Código:

* {
margin: 0;
padding: 0;
}

y posteriormente asignar los tuyos, aunque el mismo W3C te recomienda testear en cada navegador.

Honestamente estuve un rato buscando un link con compatibilidades/incompatibilidades, pero no encontré uno decente ... saludos

gogupe · #6 (**permalink**) 16/11/2007, 03:33

Hola

Ahora he llegado el momento de ponerlo en práctica, pero... ¿donde se pone este codigo?

De nuevo Gracias

axz · #7 (**permalink**) 16/11/2007, 07:41

te posteo la estructura básica y general de una página web (aunque seguro que por las faq ha de estar)

Código HTML:

<html>
<head>
  <script type="text/javascript">
    //tu código javascript particular
  </script>
  
  <!-- dentro del directorio "dir" se llama al archivo "archivo.js", por lo general son funciones globales para tu sitio -->
  <script type="text/javascript" src="/dir/archivo.js"></script>
  
  <style type="text/css">
    /* tus estilos particulares de la página (OJO, dentro de esta sección iría lo posteado) */
    #contenedor{
      width: 1000px;
      margin: 0px auto;
    }
  </style>
  
  <!-- dentro del directorio "dir" se llama al archivo "archivo.css", por lo general son estilos globales para tu sitio -->
  <link rel="stylesheet" type="text/css" href="/dir/archivo.css" />
  <title>Título de tu página</title>
</head>
<body>
 ... todo tu HTML ...
</body>
</html>

Saludos