Diseño reajustable.

cypherm · #1 (**permalink**) 31/01/2008, 11:33

Buenas.
Estoy creando el diseño de una página web en Photoshop, mas bien la plantilla completa para después poner el contenido sobre ella.
Mi duda es: ¿Cómo logro que en cualquier navegador la web completa, independientemente de la resolución de pantalla, se vea exactamente igual?

Muchas gracias.

Raulmmmm · #2 (**permalink**) 31/01/2008, 11:50

Tienes que usar porcentajes (%). Aunque si la has hecho con Photoshop será más difícil...

j_serrano · #3 (**permalink**) 31/01/2008, 12:10

Me parece que se refiere a un diseño de tamaño FIJO en cualquier resolucion, si le pones porcentajes, se adapta al tamaño de la pantalla y el tamaño varia.

Si es lo que yo pienso, ponele ancho FIJO EN PIXELES.

Ej:

Cita:

<table width="500px" height="300px" cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td>Tu pagina</td>
</tr>
</table>

El tamaño que puse es a modo de ejemplo, reemplaza los valores de width y height por los de tu pagina.

cypherm · #4 (**permalink**) 01/02/2008, 02:41

Para ser mas explicativo hice la siguiente imagen:

El cliente es el navegador del usuario.
El contenido... bueno es eso xD!
Y la distancia es lo que quiero mantener, junto con las dimensiones del contenido (plantilla)

Gracias.

danideu · #5 (**permalink**) 01/02/2008, 03:48

Para mantener una distancia entre el navegador y el contenido, puedes usar el atributo padding o marging de CSS.
Espero que sea lo que busas.

Saludos.

cypherm · #6 (**permalink**) 01/02/2008, 13:53

Muchas gracias.
Veré que tal sale todo y les cuento.
Saludos!