---
title: "Div med 100% full width?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189984-div-med-100-full-width"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "tulle"
published: "2012-06-27T08:29:42.000Z"
updated: "2012-06-27T12:04:03.000Z"
replies: 5
views: 551
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/189984-div-med-100-full-width"
---

# Div med 100% full width?

## #1 — tulle, 2012-06-27T08:29Z

Till mitt senaste projekt hade jag tänkt mig bygga upp det efter  "header -main footer" principen och ville där få till så att header och footer är 100% full width, om ni förstår vad jag menar?

Vad är det bästa sättet för mig att göra det på?

/ Tulle

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

## #2 — voigtann1, 2012-06-27T08:34Z

div är ett block element så den kommer ju alltid vara 100% av dess förälder, menar du att ditt innehåll inte skall vara 100% så du kommer ha 3 block: header, main-content och footer?

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

## #3 — tulle, 2012-06-27T09:36Z

Men typ så som <http://miljosanering.nu/> är uppbyggt...

Precis 3 block: header - maincontent - footer

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

## #4 — voigtann1, 2012-06-27T09:49Z

det är ju bara maincontent du behöver sätta en bredd på och centera den. 

jag hade haft en struktur:

```
header
    block
main
footer
    block
```

där main, block har samma bredd och marginal för att centera alla block.. så har du samma bredd på allt innehåll.

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

## #5 — tulle, 2012-06-27T12:00Z

Aa jo, men jag vill inte ha samma bredd på allt, utan bara att header och footer är 100% bredd... Förslag på CSS kod?

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

## #6 — voigtann1, 2012-06-27T12:04Z

du behöver ingen css för att sätta ett block element till 100%. Jag har svårt att förstå din fråga eller problem. 

<http://jsbin.com/uzowoz/>

är mitt exempel från förra inlägget, om du nu inte vill ha headern, body och footer skall ha samma bredd (dess innehåll) ta då bort klassen block från dom.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189984-div-med-100-full-width