---
title: "fylla ut sida med div+css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/72259-fylla-ut-sida-med-div-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Pezzen"
published: "2003-03-26T20:18:42.000Z"
updated: "2003-03-27T17:53:10.000Z"
replies: 8
views: 417
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/72259-fylla-ut-sida-med-div-css"
---

# fylla ut sida med div+css

## #1 — Pezzen, 2003-03-26T20:18Z

Morsning allez..

... sitter här å proggar lite, å kom på att ja skulle vilja ha diven att fylla ut hela sidan trotts att det inte står något i den och när det finns plats ovanför som inte ska täckas av den diven, funkar inte med 100%, och inte med auto. Jag är inte så bevandrad inom just den delen av CSS så ja undrar om de e någon annan som har någon lösning?

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

## #2 — elvelind, 2003-03-26T20:29Z

body,html {
		width: 100%;
		height: 100%;
	}
	div {
		width: 100%;
		height: 100%;
	}

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

## #3 — jarvklo, 2003-03-26T20:37Z

Du bör nog också lägga till 

```
margin:0; padding:0
```

 i CSS:en för "body,html" om du garanterat vill slippa "scrollbars" i de webbläsare som t.ex.  råkar ha en padding inställt som defaultvärde i t.ex. body (som vissa NN/Mozillor ;) )

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

## #4 — Pezzen, 2003-03-26T20:38Z

De dät fungerade inte alls som jag hoppats, tyvärr... :/

/r
Kanske ska (sörsöka) förklara mig lite bättre...

\_____________\_
\|.....................\|
\|\____________\_\|
\|................\|--\|
\|................\|--\|
\|................\|--\|
\|................\|\_\_\|
\|................\|
\|................\|
\|\_________\_\|

Alla "rutor" är varsin div och de finns i sin tur i en storr div, hur gör ja då enklast för att få den div:en till höger att gå lika långt ner som den din:en till vänster, och om inte den går ner till browserns botten hur får då båda ner dit?.

Skulle det hjälpa om jag la till en sidfot?

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

## #5 — jarvklo, 2003-03-26T20:52Z

Hmm... 
Är det något liknande det här du är ute efter?

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html,body {height:100%;width:100%;padding:0;margin:0}
#omslutning {height:100%; width:100%; background-color: silver}
#detdaruppe {height:50px; background-color:navy; text-color:white}
-->
</style>
</head>
<body>
	<div id="omslutning">
		<div id="detdaruppe">Det som skall vara "däruppe"</div>
			Blablabla och sådant som ligger i &lt;div id="omslutning"&gt; och ser ut som om det fyller upp 100% av sidan ;)
	</div>
	</body>
</html>
```

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

## #6 — Pezzen, 2003-03-26T20:58Z

Nja, på ett sätt är det rätt, men som du kanske förstår om du läser det redigerade inlägget ovan så är det bara vertikalt som jag vill sträcka ut div:en

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

## #7 — jarvklo, 2003-03-26T21:27Z

Hmm...
Låter som om du skulle kunna ha nytta av att läsa [det här](http://www.webreference.com/authoring/style/sheets/layout/advanced/) ;) (artikeln beskriver en del möjliga lösningar på ditt problem på ett bra mycket bättre sätt än vad jag kan klämma in här ;) )

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

## #8 — ordell, 2003-03-27T07:50Z

Få se om jag fattade det rätt ...

På <http://www.glish.com/css/> finns färdiga "mallar" för att bygga sånt här.

Kolla även "CSS Resources" där, mycket bra och intressant läsning!

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

## #9 — Pezzen, 2003-03-27T17:53Z

Heejsan igen, har kikat lite på era länkar å kommit fram till följande: [Exempel](http://www.bktv.se/~a0870a/y.php) 

som ni ser så ligger inte alls lagren där de ska, beroende på att jag inte vill att de ska va obegränsat stora på sidan utan 780px, hur ska ja då få dem å ligga rätt?

Kan man positionera ett lager i en div så ja ska lägga allt i en stor div i vilken man sen positionerar lagrena?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/72259-fylla-ut-sida-med-div-css
