Foros del Web » Creando para Internet » CSS »

rediseñar web para moviles sin tocar el html

Estas en el tema de rediseñar web para moviles sin tocar el html en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/04/2015, 03:42
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 15 años
Puntos: 6
rediseñar web para moviles sin tocar el html

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

Última edición por helenp; 15/04/2015 a las 04:00
  #2 (permalink)  
Antiguo 15/04/2015, 07:39
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: rediseñar web para moviles sin tocar el html

Aunque no te sirva la respuesta, trabajar de esa manera con posiciones absolutas es una error muy grave.
__________________
(:
  #3 (permalink)  
Antiguo 15/04/2015, 07:48
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 15 años
Puntos: 6
Respuesta: rediseñar web para moviles sin tocar el html

Cita:
Iniciado por pzin Ver Mensaje
Aunque no te sirva la respuesta, trabajar de esa manera con posiciones absolutas es una error muy grave.
Y que opciones hay?
Rediseñar desde 0?
Y porque no vale valores absolutos?
Me imagino que lo que hace es hacerme hacer muchas queries, o hace algo más?
Gracias

Etiquetas: html, moviles, responsive
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:53.