Diseño responsive a 3 columnas

[mktalternativa]

Hola estoy queriendo hacer un diario a tres columnas que me recominedan para que sea responsive,

de momento se me ocurrio usar un section principal y dos aside , esta bien?

tambien queria saber como hago para que cuando achico la pantalla se va poniendo uno encima del otro y no como ahora que se achica el tamaño proporcionalmente

Gracias

[Carlangueitor]

Si son tres columnas supongo que el contenido es relacionado, por lo cuál el aside debería quedar descartado.


Sobre lo segundo mira las media queryes, pero básicamente para eso en especifico solo basta darle ancho mínimo y float.


Saludos

[ZoroRoronoa]

y si quereis que se vayan poniendo uno encima del otro, con la media queries, al llegar a X resolucion, solo hay que eliminar el float y darles un margin 0 auto.

[Carlangueitor]

ZoroRoronoa, eso no es necesario, si tienen un ancho fijo o mínimo (y al llegar a este), solito se acomodorá cuando llenen el espacio disponible.


Saludos

[mktalternativa]

Gracias Carlangueitor , entiendo lo de los querys media pero te hago una pregunta


Por que en este video puede hacer que el sidebar se quede por debajo del section sin usar querys medias

gracias

http://www.youtube.com/watch?v=nVS56AgNhO0

[pzin]

Quedará por debajo, pero queda bastante mal ¿no te parece? Debería de ocupar el ancho total, que es lo habitual en vistas reducidas.

Deberías de descartar a ese tipo y sus vídeos, porque dice alguna que otra burrada en ese video que luego quien lo vea tomará como verdades absolutas y las replicará por ahí.

[mktalternativa]

me podrias recomendar un buen tuto? gracias

[mktalternativa]

hola acabo de colocar esta media query pero cuando achico hasta 300 px sigue viendose como %

/* Smartphones (portrait) ----------- */
@media screen and (max-width : 320px) {
/* Styles */

#sidebar {min-width: 200px; float: left;}
}

[Pelipe]

Bootstrap3 es excelente para el manejo de web adaptable, claro tienes que conocer los nombres de las clases, pero te aseguro que es un avión.