Adaptar web a distintas resoluciones con Dreamweaver 8

_Jor_ · #1 (**permalink**) 09/05/2011, 09:59

Hola! Bueno tengo una pagina que he creado con Dreamweaver 8, pero ahora me doy cuenta que la hice para visualizarla en una sola resolución y me gustaría adaptarla para cualquier resolución.
Leí por ahí que se puede hacer metiendo todo el contenido en tablas pero no se como, yo la hice utilizando un montón de capas, eso influye? porque si quiero meter imágenes y otras cosas en tablas no las puedo mover y bueno por eso use las capas.

Alguien me ayuda?

lasnv · #2 (**permalink**) 09/05/2011, 10:09

Yo utilizo este método cuando hago paginas auto ajustables.

Código:

<html>
<head>
<title>Pagina AutoAjustable</title>
<style type="text/css">
     body{margin:0; padding:0;}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:solid #666 1px;">
  <tr>
    <td width="200">Contenido Fijo</td>
    <td>Contenido autoAjustable</td>
    <td width="200">Contenido Fijo</td>
  </tr>
</table>
</body>
</html>

Puedes meter todo ahi o simplemente hacerte una idea...

_Jor_ · #3 (**permalink**) 09/05/2011, 10:51

Hola! muchísimas gracias! Pero sabes que tengo una duda, espero que me disculpes por mi ignorancia, pero no me ubico bien con respecto a eso que dice "contenido fijo" y "contenido autoAjustable" y en realidad no se bien donde pegar todo el código con el contenido de mi pag u.u

fedesilva · #4 (**permalink**) 10/05/2011, 16:34

Hola Jor, no es necesario utlizar tablas pare crear anchos dinámicos. La elasticidad de la página radica en los estilos y no en el html.

prueba este ejemplo:

<style type="text/css">
#autoajustable {
width: 960px; width: 100%; overflow: hidden;
}
.columna {
width: 50%; background: red; height: 200px; float: left;
}
.blue {
background: blue;
}
</style>
<div id="autoajustable">
<div class="columna">

</div>
<div class="columna blue">

</div>
</div>

_Jor_ · #5 (**permalink**) 11/05/2011, 16:03

fedesilva muchas gracias! me re sirvio, lo que te hago otra consulta, soy un poco torpe todavia con esto, estoy aprendiendo recien xD, mira esta es la pagina que he hecho: www.atleticopilares.com.ar y mi problema ahora es que todas esas imagenes que estan a los costados las habia metido en capas pero cuando pongo ese estilo se me descuadra todas esas imagenes y cuando las vuelvo a meter a capas no logro que no se muevan cuando cambio la resolucion u.u como lo podria arreglar? es que no se otra forma de mover imagenes que no sea con capas