Encuadrar página

bitelangel · #1 (**permalink**) 19/09/2007, 10:26

Hola amigos, tengo una duda, estoy creando mi web y quiero que la web se amolde de ancho a no mas de 800 (es de decir, que no ensanche si visitamos la web con mayor resolución).
Alguien me echa una mano?

carmagedon · #2 (**permalink**) 19/09/2007, 11:07

Pues primero pones una tabla con una etiqueta del ancho 800px y luego dentro de ese TD pones la otra tabla que sería todo el contenido de la web también limitando el ancho del sitio...

Código:

<table border="0" width="800px">
   <tr>
         <td> 
               <table border = "0" width="800px">
                   <tr><td> ....  todo tu site .... </td> </tr>
               </table>
         </td>
   </tr>
</table>

Espero que me hayas entendido.

Saludos.

webosiris · #3 (**permalink**) 19/09/2007, 11:18

muevo esto a css, ya que para todo lo que sea colores, posiciones, tamaños, etc... se hace con css

pon todos los elementos de tu sitio en una capa contenedora y dale el siguiente estilo:

Código:

#contenedora{
width:800px;
margin:auto // esto centra la capa
}

mangandini · #4 (**permalink**) 19/09/2007, 11:26

Te aconsejo lo que dice webosiris, en lugar de que utilices tablas como te recomendaron de primero, las tablas deberìan usarse solo para mostrar información "tabulada" y no para maquetar un sitio.

Lo único que tienes que hacer es crear

Código HTML:

 <div id="contenedora"> Acá va tu contenido </div>

Y le aplica el estilo que te diò webosiris

bitelangel · #5 (**permalink**) 19/09/2007, 13:29

Muchas gracias! lo he hecho, ahora queda limitada a 800px, pero como hago para que quede en el centro y no contra el borde izquierdo?

Saludos!

Edito: olviden, ya lo logré, muchas gracias!

blanchrt · #6 (**permalink**) 19/09/2007, 18:44

Cita:

Iniciado por carmagedon

Pues primero pones una tabla con una etiqueta del ancho 800px y luego dentro de ese TD pones la otra tabla que sería todo el contenido de la web también limitando el ancho del sitio...

Código:

<table border="0" width="800px">
   <tr>
         <td> 
               <table border = "0" width="800px">
                   <tr><td> ....  todo tu site .... </td> </tr>
               </table>
         </td>
   </tr>
</table>

Espero que me hayas entendido.

Saludos.

Hombre, este es el foro de CSS. Las tablas sólo para datos tabulares, no para maquetar.

Con CSS es fácil: al div que envuelve todo el contenido dale 800px de anchura.

Ej.:
- HTML: <body><div id="contenedor">... todo el contenido de la página...</div></body>

- CSS: #contenedor {
width: 800px;
...
}

Un saludo

blanchrt · #7 (**permalink**) 19/09/2007, 18:50

Cita:

Iniciado por bitelangel

Muchas gracias! lo he hecho, ahora queda limitada a 800px, pero como hago para que quede en el centro y no contra el borde izquierdo?

Saludos!

Edito: olviden, ya lo logré, muchas gracias!

#contenedor {
width: 800px;
margin: auto;
}