webForumDet fria alternativet

Responsive design - strukturera om div'ar

HTML & CSSur HTML, XHTML & CSS

2 svar · 697 visningar · startad av jme

Medlem sedan maj 20012 237 inlägg
Frågan#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! :)

139 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)