---
title: "Responsive design - strukturera om div'ar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189701-responsive-design-strukturera-om-div-ar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jme"
published: "2012-05-01T19:19:52.000Z"
updated: "2012-05-01T19:46:33.000Z"
replies: 2
views: 719
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189701-responsive-design-strukturera-om-div-ar"
---

# Responsive design - strukturera om div'ar

## #1 — jme, 2012-05-01T19:19Z

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.

Bilagor:

- [normal-bredd.jpg](https://www.webforum.nu/a/23296.jpg)
- [minifierad.jpg](https://www.webforum.nu/a/23297.jpg)

Permalänk: https://www.webforum.nu/p/189701

## #2 — voigtann1, 2012-05-01T19:24Z

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)

Permalänk: https://www.webforum.nu/p/2298031

## #3 — jme, 2012-05-01T19:46Z

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

Permalänk: https://www.webforum.nu/p/2298033

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189701-responsive-design-strukturera-om-div-ar