Para adaptar, por ejemplo, el ancho de la página, en vez de usar tamaños fijos en las tablas, pones un porcentaje (100%, 90%, etc.).
Para la imagen de fondo de la pagina es igual, en vez de poner una imagen concreta, puedes poner una en mosaico o con su ancho igualmente en porcentaje (100%, 90%, etc.)...
Ejemplo:
IMAGEN:
Código:
| Code: |
| <img height="1024px" width="100%" src="ruta" /> |
TABLA:
Código:
| Code: |
<table width="100%" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table> |
mmm, eso es muy importante, porque dependiendo de la resolución de la pantalla se te descuadra la web. Podrías poner otro ejemplo? Gracias!!
Por eso normalmente se diseñan las web para una resolución de pantalla determinada, ahora creo que una de las mas comunes es la de 800x600, aunque puede que haya navegadores con una resolución de 640x480, pero esos seguro que son los menos.
Hombre, por experiencia creo que es mejor diseñar la web en una alta resolución (1280x1024 por ejemplo).
saludos.
La idea de usar tablas se está quedando desfasada con esto del CSS, pero aún se usa así que hay que machacarle 
Yo recomendaría no poner medidas porcentuales, porque cuando se redimensiona la pantalla a veces se dan algunos comportamientos raros, como que por ejemplo si tienes celdas con imagenes de fondo, despues de cierto tamaño (al redimensionar) se montan unas encimas de otras, y quedan lo más de feo. Así no vea tan "liquido", yo considero mejor poner medidas absolutas, es decir "200px" en lugar de "40%", por ejemplo.
Otra cosa es que también es muy frecuente tener que escribir código distinto para distintas resoluciones de pantalla. Una forma muy buena de hacerlo es con javascript, verificando la resolución y escribiendo código según eso.
| Code: |
<script language="javascript">
ancho = window.length;
if(ancho == "800"){
aqui el codigo para resoluciones 800x600;
}else if(ancho == "1024"){
aqui el codigo para resoluciones 1024x768;
}
</script> |
Puede ser un poco engorroso, pero cuando uno diseña una web tiene que pensar en el usuario, más que en uno mismo, y por eso vale la pena gastar un poco más de tiempo haciendo código para resoluciones (o navegadores) específicos.
Por cierto, para verificar el navegador pueden usar algo como...
| Code: |
if(navigator.appName == "Microsoft Internet Explorer"){
codigo para IE
}
else if (navigator.appName == "Netscape"){
codigo para Mozilla, Firefox y demas
} |
Yo usualmente hago verificacion de resolucion para determinar ciertos anchos de columnas, tamaño de letra, posicion de algunos objetos, etc, y verifico los navegadores para determinados estilos CSS que funcionan en algunos pero en otros no, por ejemplo "opacity" y "filter=alpha(opacity=...)" muchas gracias gente,superinteresante topic. La verdad es que la solución de l javascript ,e parece muy sencilla e intuitiva. Similar a un case de pascal o un switch de C.
en realidad el formato de pantalla mas utilizado AHORA es el de 1024x768 y después el de 800x600, ya nadie (o CASI nadie) usa el de 600x400, y mejor así.
Hacer webs únicamente para resoluciones mayores de 1024 lo veo absurdo, el resto de la pantalla se rellena con un fondo de color o decorado y ya está, no hace falta que todo el contenido tenga que estar pegado a las paredes de la página, no es necesario y también hace daño a la vista.
además las resoluciones mayores se suelen usar para los portátiles, que tienen una pantalla más rectangular y por lo tanto menos espacio de alto, pero mas anchas. por lo que es mejor hacer la web digamos que a unos 950 pixeles de ancho, centrarla, y el resto dejarselo al fondo (configurado en css y con divs la página y a veces ni eso, no me seais cutres de seguir usando tablas...)
muy bien!!! pronto pondre un post con muchas herramientas para csss y esto me sirve.
gracias!!!! 
