Foros del Web » Creando para Internet » HTML »

Mejor forma de programar esto

Estas en el tema de Mejor forma de programar esto en el foro de HTML en Foros del Web. Estoy haciendo una pequeña página que me gustaría que estuviese adaptada para móviles y a poder ser en html5 En mi página aproximadamente esto: 1ª ...
  #1 (permalink)  
Antiguo 26/03/2013, 18:19
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 13 años, 3 meses
Puntos: 2
Mejor forma de programar esto

Estoy haciendo una pequeña página que me gustaría que estuviese adaptada para móviles y a poder ser en html5

En mi página aproximadamente esto:
1ª columna: Titulo, Subtitulo, imagen (una debajo de otra)
2ª columna: Descripción

La forma que la he hecho es crear un div para todo con un borde verde, luego un div para la parte de la izquierda y otro más para la derecha.

Al tener position:relative, escribo todo lo de la 1ª columna y cuando voy a poner lo de la segunda columna lo sitúo mediante margin-left y margin-top negativo.

Mis problemas:
1- Si la segunda columna tiene menos contenido que la primera, entonces lo que hace que el borde del div general se me queda por encima del contenido de la primera columna
2- Si la primera columna no tiene foto, al aplicar a la segunda margin-top negativo se me va muy arriba

<div id='container'>
<div id=primera>
<span title..
<span subtitle..
<img ....
</div>
<div id=segunda style="margin-left:300px;margin-top:-40px">
<span description...
</div>
</div>


He pensado hacerlo con tabla pero no se si es del todo óptimo para móviles.

Gracias anticipadas!!
  #2 (permalink)  
Antiguo 26/03/2013, 19:00
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 14 años, 5 meses
Puntos: 2236
Respuesta: Mejor forma de programar esto

Checa este video, tal vez te aclare algunas cosas: https://mejorando.la/videos/tutorial-responsive-design/
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 27/03/2013, 08:48
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 13 años, 3 meses
Puntos: 2
Respuesta: Mejor forma de programar esto

Ok, lo miraré cuando tenga tiempo que dura una hora!

Etiquetas: forma, html5, página
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 21:59.