12 Último

Centar Pagina

      • 210
      • mensajes
      • miembro desde
      • 15/03/05
    18/10/2007
    #1 Centar Pagina

    Alguien Me Dice Como Deberia Hacer Para Que La Pagina Que Estoy Por Empezar A Diseñar, Que De Hecho Va A Ser Muy Simple, Pueda Centrarla Y Si Es Posible Que Se Adapte Lo Mejor Posible A Distintas Resoluciones. La Voy A Diseñar En 1024x768? Que Opinan. Saludos

  1. ¿Este tema te pareció interesante? Compártelo!

    ¿No es lo que buscabas? Intenta buscar un tema similar

    10 comentarios / 2685 Visitas

      • 1,203
      • mensajes
      • miembro desde
      • 09/01/03
    18/10/2007
    #2 Re: Centar Pagina

    Para centrarla deberías agregarle en el body la siguiente clase:

    .body{text-align:center;display:table;
    margin:0px auto;
    }

    Me parece bien que la diseñes en 1024x768, ya poca gente utiliza una resolución de 800x600.

    Saludos,
    Tomás

      • 210
      • mensajes
      • miembro desde
      • 15/03/05
    18/10/2007
    #3 Re: Centar Pagina

    tal cual esta es decir esto me aparece, en donde iria:

    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    http://www.w3.org/1999/xhtml">


    Documento sin título





    y antes de insertar una tabla o despues? saludos

      • 1,203
      • mensajes
      • miembro desde
      • 09/01/03
    18/10/2007
    #4 Re: Centar Pagina

    Tendrías que ponerlo o antes de que termine el head o en un archivo .css

    Si lo vas a insertar en el html:


    Si lo haces en un archivo .css directamente lo metes en el archivo:

    /* CSS Document */
    body {
    text-align:center;
    display:table;
    margin:0px auto; }

    Hay que leer para ir aprendiendo
    Te conviene usar el Dreamweaver así vas viendo como trabaja.

    Saludos,
    Tomás

      • 2,511
      • mensajes
      • miembro desde
      • 03/01/05
    18/10/2007
    #5 Re: Centar Pagina

    si usas el dreamweaver ,podes directamente insertar una tabla de 1 fila y 1 columna ( adentro de esa celda va a ir todo el contenido de la pagina ) , centrada en la pagina , y que el ancho sea un porcentaje del ancho de la pagina ( no algo fijo en pixeles ) ; pero hacelo todo desde la pestaña de diseño , no hace falta que escibas el codigo html

      • 1,650
      • mensajes
      • miembro desde
      • 17/04/07
    • Diseñador web y baterista
    26/10/2007
    #6 Re: Centar Pagina

    Bahiense no está diciendo algo que no es. Igualmente pienso que en CSS quedaría más prolijo...
    Aunqe si les soy sincero, hago lo qe hace BAHIENSE

      • 26
      • mensajes
      • miembro desde
      • 05/10/06
      • 210
      • mensajes
      • miembro desde
      • 15/03/05
    31/10/2007
    #8 Re: Centar Pagina

    A Ver Como Seria, Cree Una Tabla De 1fila Y 1 Columna, Meto Una Capa Dentro Con Algo Texto O Imagen, Pero Al Pasar De 1024x768 A 800x600 Solo Me Centra La Tabla? Que Hago Mal? Saludos

      • 26
      • mensajes
      • miembro desde
      • 05/10/06
    01/11/2007
    #9 Re: Centar Pagina

    fácil:
    1- Olvidate de la tabla.
    2- Pone todo el contenido de la página adentro de un div.
    3- Al div ponele el ancho que quieras. Supongamos que le ponés 750px (podría ser %... depende de tu diseño)
    4- Seguimos con el estilo del div: le agregás un left:50%; y position:relative;
    5- Por último, le agregás al div un margin-left, con un valor igual a -(anchoDelDiv/2). Siguiendo con el ejemplo, te quedaría margin-left: -375px.

    6- Voilá

    edit: te pongo un ejemplo






    Documento sin título




    Hola Mundo Centrado


      • 515
      • mensajes
      • miembro desde
      • 13/10/06
    02/11/2007
    #10 Re: Centar Pagina

    MASTER NO TE COMPLIQUES LA VIDA CON CODIGO:

    Trabajas con Dreamweaver...

    Crea una tabla con 1 fila y 1 columna y luego en las propiedades de la tabla le pones que la centre y listo.

    Hace la prueba de minimizar la ventana del explorer cuando hagas la prueba y te va corregir la tabla para que quede en el medio.

    No uses capas por que cuando minimizas la ventana del explorer cuando ves la pagina te agrupa las capas mal.

    SUERTE

12 Último