Codigos html para centrar una web

chakalele Usuario Novato
#117/Jun/2004, 04:49 HOLA SEÑOR@S , YO DISEÑO PAGINAS WEB EN DREAMWEAVER MX, PERO HE OLVIDADO ALGU, NECESITO SABER COMO O CUAL ES EL CODIGO PARA CENTRAR UNA PAGINA WEB, DE TAL FORMA QUE AJUSTADA A 800 X 600 EN UNA PANTALLA DE MAYOR TAMAÑO SE VEA CENTRADA, DE IGUAL FORMA CUANDO CAMBIAMOS EL TAMAÑO DE LA VENTANA QUE SIEMPRE ESTÈ CENTRADA....GRACIAS DE ANTEMANO

KnowDemon

Usuario habitual

#217/Jun/2004, 20:44Editado por KnowDemon

Centrar con CSS.

Si de centrar bloques se trata, una solución alterna a la última sugerencia de gaf es utilizar un <div> más o menos de esta forma:

Codigo:

Aplicandole los siguientes estilos:

Codigo:

div.web{
width : 86%;
margin-left : 7%;
}

Esto le dará un ancho de 86% y centrara el div.

NOTA: No se pueden centrar elementos en bloque de ancho fijo exclusivemente con CSS (que yo sepa...)

NOTA2: la propiedad text-align : center; solo debe funcionar con elementos en línea, aunque funciona con elementos en bloque en Internet Explorer (Cosa que no debería hacer)

chavp

Moderador

#317/Jun/2004, 23:37

Escrito originalmente por Defero

Escrito originalmente por KnowDemon

(...) una solución alterna a la última sugerencia de gaf (...)

Gaf? Dónde has visto a Gaf?

estoy en todos lados .

Y no recomiendo en lo absoluto, medidas porcentuales , toda vez que en monitores mayores o menores, expandirá o contraera la web y se vera mál. Pero es una desición que ha de tomar quien diseña la web.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

chavp

Moderador

#418/Jun/2004, 01:28

Si razón en eso tienes, pero voy a esto, mejor 800 x 600 y centrada , y se verá bien en todas las resoluciones. Que pasa si diseñas la web en puntos porcentuales en un monitor de 800 px y tienes una imagen en una de las tablas, al pasar a resoluciones mayores quedará un espacio y se irá al tacho la estética de la web.

Además esto ya lo hemos discutido un par de veces y sigo con la mia, ancho fijo y centrada . Al menos así hago mi web page .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

*chavp* Moderador
#518/Jun/2004, 01:50 bueno quedemos en que cada uno hace su web a su gusto. De interés Público NO AGREGARME COMO AMIGO, gracias Asuntos claros en los temas Consultas en temas no afines serán borradas Tratemos de expresarnos bien, que así da gusto leer 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

KnowDemon

Usuario habitual

#618/Jun/2004, 07:55Editado por KnowDemon

Ups... tienes razón Defero... gaf no estaba... Mmmm, yo creo que estab viendo un post y contesando otro y los nombres se me revolvieron en la mente... pero bueno...

Todo esto del diseño es bastante polémico... personalmente no me gusta usar tablas para maquetar (no se guíen con la página que aparece en el píe, precisamente ahora la estoy rediseñando toda, paciencia) He encontrado una página que habla de maquetación con CSS que estoy casi seguro le gustará mucho a Defero. De verdad la recomiendo mucho. Aquí esta:

http://www.tierradenomadas.com/indice.php?tallerweb

Sobre todo la parte de "Maquetación CSS" y "Dinámicos pero amables". En esta última hay un ejemplo al final que a muchos, estoy seguro, dejará con la boca abierta...

P.D ¿Cómo no me fijé antes?... ahí hay una manera de centrar un bloque de ancho fijo con CSS

Leron77 Usuario habitual
#718/Jun/2004, 13:07 con css es mas sencillo k crear una tabla. <html> <head> .... </head> <body> <div style="text-align: center;"> tu web aki </div> </body> </html> y fuera problemas con la resolución

KnowDemon

Usuario habitual

#818/Jun/2004, 16:57Editado por KnowDemon

Hola Ekliale_77. Según puedo ver, el código que pones solo centra los elementos en línea que se encuentren dentro del div, pero si yo quisiera, por ejemplo, texto justificado en un cuadro que se encuentre centrado en la pantalla no servirá. Internet Explorer además de centrar los elementos en línea con text-align lo hace también con los de bloque (como tablas u otros div) pero lo hace por una mala implementación de las CSS, ya que esa propiedad solo debería afectar a los elementos en línea. Ese problema no afecta a otros navegadores.

El código que has puesto equivale a aplicar la propiedad al body:

<body style="text-align: center;">

</body>

Un div de, supongamos 780 pixeles de ancho, se puede centrar aplicando esto:

div#web
{
position : relative;
width : 780px;
left : 50%;
margin-left : -390px;
}

A esto otro:

<body>
<div id="web">

</div>
</body>

La cuestión esta en: ¿Funciona con IE? En estos instantes no lo puedo verificar...

PERO muchos se preguntarán: ¿A que viene tanto rollo y no simplewmente aplicar align="center" a una tabla? Por que los atributos presentacionales como align estan despreciados en las versiones HTML 4 estrictas para arriba...

*chavp* Moderador
#918/Jun/2004, 21:12 interesante enlace . De interés Público NO AGREGARME COMO AMIGO, gracias Asuntos claros en los temas Consultas en temas no afines serán borradas Tratemos de expresarnos bien, que así da gusto leer 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

danielapatrone

Usuario Novato

#1002/Jul/2004, 18:28

Escrito originalmente por Defero.tk

Escrito originalmente por gaf

(...)

Y no recomiendo en lo absoluto, medidas porcentuales , toda vez que en monitores mayores o menores, expandirá o contraera la web y se vera mál. Pero es una desición que ha de tomar quien diseña la web.

Que se vea mal depende de cómo diseñes tu web. Si la diseñas de una manera "cuadriculada" de modo que sólo se vea bien a una resolución, pues sí, las medidas porcentuales no te convienen. Pero si usas un diseño más adaptable, en el que es lo mismo que una celda concreta mida 100 o mida 200 pixels, las medidas porcentuales son una solución mejor.

Además, si tú diseñas tu web para que se vea a una resolución de 800x600, en esa resolución sólo se podrá ver bien con la ventana maximizada, con lo cual le quitas al navegante la posibilidad de tener abiertas varias aplicaciones de manera simultánea. Qué pasa si quiero usar el MSN mientras navego? Y si quiero tener abierto un editor de texto para ir tomando notas de lo que veo en el navegador?

Y qué ocurre cuando un usuario de resolución de 1400x1050 entra a tu web? Estará desperdiciando 600 pixels de ancho!!

Moraleja: yo prefiero el ancho variable.

y como hago para mantener la parte de arriva fija y que lo de abajo cambie? se puede meter un menu en una celda y que las url las muestre en las celdas de abajo? o como? gracias..

chavp

Moderador

#1102/Jul/2004, 18:46

Cita:

y como hago para mantener la parte de arriva fija y que lo de abajo cambie? se puede meter un menu en una celda y que las url las muestre en las celdas de abajo? o como? gracias..

com html dos opciones, Frames o crearte una plantilla con esas opciones. Y con php, mediante includes .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

TheGhost

@man / @woman

#1203/Jul/2004, 07:44

Escrito originalmente por gaf

Cita:

y como hago para mantener la parte de arriva fija y que lo de abajo cambie? se puede meter un menu en una celda y que las url las muestre en las celdas de abajo? o como? gracias..

com html dos opciones, Frames o crearte una plantilla con esas opciones. Y con php, mediante includes .

exactamente tal y te dijo gaf...

Saludos
The Ghost

PD: como es que este usuario no tiene nick y en cantidad de mensajes dice 1, cuando tiene 2???(ver en javascript)

1K3R @man / @woman
#1303/Jul/2004, 10:40 Porque es un fantasma de verdad, Ghost

Nodws @man / @woman
#1405/Jul/2004, 11:38 maldito fantasma antispam! xD

MilMazz

Usuario habitual

#1521/Jul/2004, 03:39

Escrito originalmente por KnowDemon

Centrar con CSS.
....

NOTA: No se pueden centrar elementos en bloque de ancho fijo exclusivemente con CSS (que yo sepa...)

NOTA2: la propiedad text-align : center; solo debe funcionar con elementos en línea, aunque funciona con elementos en bloque en Internet Explorer (Cosa que no debería hacer)

Sobre la NOTA 1: Se pueden centar elementos en bloque, si estos tienen determinado una anchura especifica. Si por ejemplo se quiere centrar la pagina completa, se puede hacer lo siguiente:

En el documento HTML:

Codigo:

...<body>
<div id="wrapper">

</div>...

En Hojas de estilo en cascada o CSS:

Codigo:

div#wrapper{
width: 600px; /*Anchura de la pagina en pixeles*/
margin: 25px auto;
padding: 0;}

La propiedad 'margin' se refiere al margen, estoy colocandole 25px de margen superior e inferior, mientras que el margen derecho e izquierdo lo he colocado automatico, esto hara que se ajuste los margenes para que la pagina quede centrada.

Sobre la NOTA 2: la propiedad 'text-align' simplemente alineara el texto segun se indique, funciona con elementos en bloque como el parrafo, por ejemplo en CSS se declararia lo siguiente:

Codigo:

p { text-align: left;}

Lo anterior hara que todo el texto de los parrafos esten alineados a la izquierda, es recomendable que uno declare la alineacion de los textos puestos que IE tiende de manera 'fortuita' a alinear el texto de manera centrada.

Saludos:

Milton Mazzarri

LoKoEsE

Usuario Novato

#1608/Ago/2004, 15:15

vamos a ver, yo uso lo de la tabla de una dimensión con ancho fijo
<table width="780" align="center" border="0">
y lo pongo inmediatamente después del body y lo cierro justo antes de cerrar el body
</table></body>
pero no veo absolutamente nada, solo el color del fondo, uso dreamweaver 2004 y trabajo con capas, si quito las capas funciona pero todo queda desordenado, ¿cómo puedo ver mi página centrada?
gracias

RULOPREFECO

Usuario Novato

#1725/Abr/2014, 05:03

Escrito originalmente por @chakalele

HOLA SEÑOR@S , YO DISEÑO PAGINAS WEB EN DREAMWEAVER MX, PERO HE OLVIDADO ALGU, NECESITO SABER COMO O CUAL ES EL CODIGO PARA CENTRAR UNA PAGINA WEB, DE TAL FORMA QUE AJUSTADA A 800 X 600 EN UNA PANTALLA DE MAYOR TAMAÑO SE VEA CENTRADA, DE IGUAL FORMA CUANDO CAMBIAMOS EL TAMAÑO DE LA VENTANA QUE SIEMPRE ESTÈ CENTRADA....GRACIAS DE ANTEMANO

<LI><FONT FACE="Arial Black"><FONT COLOR="#005500">
ALGUNAS AMISTADES SON ETERNAS

<OL>
Algunas veces encuentras en la vida
una amistad especial:
ese alguien que al entrar en tu vida
la cambia por completo.
Ese alguien que te hace reír sin cesar;
ese alguien que te hace creer que en el mundo
existen realmente cosas buenas.
Ese alguien que te convence
de que hay una puerta lista
para que tú la abras.
Esa es una amistad eterna…
Cuando estás triste
y el mundo parece oscuro y vacío,
esa amistad eterna levanta tu ánimo
y hace que ese mundo oscuro y vacío
de repente parezca brillante y pleno.
Tu amistad eterna te ayuda
en los momentos difíciles, tristes,
y de gran confusión.
Si te alejas,
tu amistad eterna te sigue.
Si pierdes el camino,
tu amistad eterna te guía y te alegra.
Tu amistad eterna te lleva de la mano
y te dice que todo va a salir bien.
Si tú encuentras tal amistad
te sientes feliz y lleno de gozo
porque no tienes nada de qué preocuparte.
Tienes una amistad para toda la vida,
ya que una amistad eterna no tiene fin.
</OL>

</BODY>
</HTML>

Anterior Siguiente Arriba

Responder

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Inicio

Ayuda para webmasters

HTML avanzado

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Tema	Respuestas	Visitas	Actividad
Temas similares
Codigos HTML fastidiosos. Por: DJMatyX, el 05/Sep/2009, 13:40	10	4k	Sep/17
quiero los codigos html para aserme una pagina aca Por: jaker_180, el 18/Ene/2005, 01:51	10	7k	Feb/05
¿que diferencia hay en poner una web dentro de un archivo index.php o index.html? Por: franciskiko_20, el 08/Mar/2012, 22:15	1	3k	Mar/12
AYUDA!!!!COMO SUBIR VIDEOS A MI WEB(HTML)???????????? Por: yuli96, el 06/Dic/2010, 21:27	3	6k	Dec/10
MI WEB HTML, EN MI WEB NO SE VEN LAS IMAGNES Por: LINCHENG, el 19/Nov/2010, 20:56	1	2k	Nov/10