Hola,
Me he decidido por intentar hacer responsive design para adaptar a móviles mediante media queries.
Tengo una duda, mi diseño actual es absoluto en tres columnas,
para la versión móvil más chica directamente quitaré las cosas de menor importancia.
Ahora el problema es que los divs contenedores no están en el orden que deba de venir en el html.
Son cientos de paginas y quiero intentar tocar el html lo menos posible.
En el html tengo primero la cabezera 100%, despues el contenido del medio, despues la columna derecha y después la columna izquierda y ultimo el pie 100%.
Para poner los contenedores que vengan en orden, ¿debo de usar % para no tener que tener un montón de queries con diferentes pixeles?
Por ejemplo asi:
#izquierdaindex{top:20%;;width:100%;position:absol ute;}
#contentindex{top:60%;position:absolute;}
#derecha{top:80%;position:absolute;}
Antes los tenía asi:
#izquierdaindex{position:absolute;top:250px;left:0 ;width:190px;}
#contentindex{margin:60px 245px 0 225px;padding:0 0 0 0;}
html>body #contentindex{margin-left:227px;margin-right:247px;}
#derecha{position:absolute;top:290px;right:0;width :220px;font-size:11px;}
Si alguien me puede recomendar
Gracias