¿Como hacer una web para cualquier tipo de monitor en dreamweaver?

docaraujo · #1 (**permalink**) 02/12/2008, 18:31

Hola a todos¡¡¡

Tengo un sitio web que lo he realizado con dreamweaver 8, pero no se como hacer en dreamweaver para que cuando sea visualizado en monitores de diferente tamaño, las paginas web siempre se vean igual. Si lo visualizo con monitores tipo TV (cuadrados) se ve bien, pero en monitores tipo cine (rectangulares) ya no se ve centrado.

Que debo hacer?

Gracias.

juaniquillo · #2 (**permalink**) 03/12/2008, 06:57

Pues yo creo que esa pregunta es bastante general. Podrían haber múltiples respuestas para lo que quieres. Deja un enlace a tu página para poder ver cual es el problema.

docaraujo · #3 (**permalink**) 05/12/2008, 19:19

Gracias por responder.
La web es www.gimnasiototal.com

El problema es que tenia una laptop de pantalla cuadrada y todo se veia bien, pero ahora compre una con pantalla rectangular y se pierde el centrado.
Gracias nuevamente por tu ayuda.

jsurname · #4 (**permalink**) 06/12/2008, 10:11

centra la imagen con <body><div align="center">Contenido de tu web</div></body>

La web se adaptara al monitor y no el monitor a la web

juaniquillo · #5 (**permalink**) 06/12/2008, 11:21

Por lo quehe visto tu no has centralizado nada. ¿Sabes que puedes centrar los elementos usando botón de centrar? Lo mejor en tu caso es meter lo que tienes (lo que está en el body) en un contenedor <div>, darle un tamaño fijo, creo que tu estas usando 982px para el header. Después le das un margen de auto a cada lado del contenedor.

docaraujo · #6 (**permalink**) 06/12/2008, 17:24

Gracias por sus respuestas.
Ya probe con: <body><div align="center">Contenido de tu web</div></body>
y se me centra las letras que escribo dentro de la capa pero no la capa. Intente colocarle <align = "center"> antes de la etiqueta <div> pero no sucede nada.

Gracias tambien los consejos de Juaniquillo, lastima que no soy poco conocedor de algunos terminos y no comprendo bien como colocarle un "tamaño fijo" a la pagina web y luego hacer que aparezca centrada en cualquier tamaño de monitor .
¿como se puede lograr eso en dreamweaver?

Gracias nuevamente.

sanchy · #7 (**permalink**) 06/12/2008, 18:23

Código:

<head>

<style type="text/css">
<!--
html, body {
height: 100%;
width: 100%;
}
#contenido {
width:982px; (<- pones un tamaño a eleccion, incluso puede ser un porcentaje)
margin:auto;
}
-->
</style>

</head>

<body><div id="contenido">Contenido de tu web</div></body>

acgtech · #8 (**permalink**) 06/12/2008, 19:39

Saludos. Tengo el mismo problema del amigo con respecto a los monitores. Aplique el código y sale el siguiente error en esta línea

width:982px; (<-100%)
margin:auto;

error al analizar estilos

te agradezco que des alguna sugerencia

sanchy · #9 (**permalink**) 06/12/2008, 20:47

jejejejjeje xDD

bueno un par de cosas

primero q si pones 100% en el width no te va a servir para nada el codigo (creo)

segundo q el tamaño a eleccion no se pone ahi xD tenes q suplantar el "982px" por tu tamaño a eleccion

podes entra a photoshop o alguno de esos programas y consegui en ancho maximo de tu pagina. y usar eso para "width"