Responsive design - strukturera om div'ar

HTML & CSS

2 svar · 719 visningar · startad av jme

Medlem sedan maj 20012 237 inlägg
Trådstart#1

Hej,

Jag övar mig på responsive design och försöker anpassa en sidas layout efter bredden på webbläsarens fönster.

Jag vill få det enligt bilderna jag har bifogat. Går det att göra så med enbart css och @media screen and (min-width: nnnpx) {} eller måste jag blanda in JavaScript och DOM-modifiering?

Idén är alltså att få div'arna A och C att lägga sig under div B.

normal-bredd.jpgminifierad.jpg
Medlem sedan juni 20019 519 inlägg
#2

borde räcka med att floatar element till höger och vänster i de olika @media screens men markupen borde nog vara b-a-c (utan att ha testat en lösning) kolla hur zurb har gjort deras grid system: http://foundation.zurb.com/docs/grid.php kanske kan ge lite tips? (push and pull exemplet)

Medlem sedan maj 20012 237 inlägg
#3

zurb.com verkar inte ha helt samma struktur som jag är efter. Klurigt det här! :)

261 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)