---
title: "Höjd i procent"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/59661-höjd-i-procent"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Web-Tor"
published: "2002-11-19T09:54:03.000Z"
updated: "2002-11-19T22:27:10.000Z"
replies: 18
views: 539
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/59661-höjd-i-procent"
---

# Höjd i procent

## #1 — Web-Tor, 2002-11-19T09:54Z

Har jag missat nåt? Går det inte att ange höjden på ett lager i procent i Explorer?

Det här funkar i Netscape 6 men inte i IE 6:

```
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
	<title></title>
	<style type="text/css">
	<!--
	#layer {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 200px;
		height: 50%;
		border: 1px solid #555;
	}
	-->
	</style>
</head>

<body>

	<div id="layer">Text</div>

</body>
</html>
```

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

## #2 — Dino, 2002-11-19T10:06Z

```
<body style="height: 100%">
```

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

## #3 — Web-Tor, 2002-11-19T11:37Z

Ahh!! Tusen tack! :)

Nu till nästa lilla problem:

Kolla på [den här sidan](http://member.webforum.nu/1123/100.html) med Mozilla eller Netscape 6+.

Om man förminskar fönstret så att skrollen kommer fram så blir det fult när man sedan skrollar neråt. Bakgrundsfärgen hänger inte med.

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

## #4 — Palleman, 2002-11-19T11:57Z

Jag har haft ett liknande problem..
Löste det så att jag använde en bakgrundsbild i body istället som jag bara repeterade repeat-y left, fungerade mycket bättre. :)

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

## #5 — Web-Tor, 2002-11-19T12:00Z

> Löste det så att jag använde en bakgrundsbild i body istället som jag bara repeterade repeat-y left, fungerade mycket bättre.

Det är så jag har det idag. ;)
Grejen är att jag vill använda lager med bakgrundsfärg för att lättare kunna ändra utseendet på sidan.

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

## #6 — Palleman, 2002-11-19T12:59Z

Ok, fresta på med att sätta height:110%; så slipper du problemet.. dock kommer ju alltid scrollern att finnas där.. :/

/r: På div´n alltså.. :)

&nbsp;

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

## #7 — Web-Tor, 2002-11-19T13:33Z

Jag blir inte av med problemet även om jag sätter 110% på lagret.

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

## #8 — Palleman, 2002-11-19T14:04Z

Hmm.. [detta](http://member.webforum.nu/1284/tor_test.html) ser bra ut med Mozilla hos mig iaf..

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

## #9 — Web-Tor, 2002-11-19T14:09Z

Jo, men om du har lite mer text på sidan  så funkar det inte.

[Testa](http://member.webforum.nu/1123/100_2.html)

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

## #10 — Palleman, 2002-11-19T14:15Z

Mmm.. sant. Måste du ha mer text på sidan då? ;)
Nä ärligt talat så testade jag inte det.. :r

Men.. hmm..det går bra till en viss gräns, sedan fuckar det till sig.
Det går fin fint tills dess att texten måste scrollas.. damn.

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

## #11 — SDCd, 2002-11-19T14:16Z

Och du kan inte låta bli att ange höjden? Bara låta den följa innehållet?
/red
Glöm det, funkar ju inte i fullskärmsläge.

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

## #12 — Web-Tor, 2002-11-19T14:19Z

> Och du kan inte låta bli att ange höjden? Bara låta den följa innehållet?

Grejen är just att lagret ska gå ända ner, oavsett textmassans längd.

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

## #13 — SDCd, 2002-11-19T14:57Z

Hittade en tutorial som jag inte själv hinner titta igenom,  men vad jag kunde se vid en snabb genomgång så fyller han en hel sida en bit ner i beskrivningen.

Tutorial:
<http://webreference.com/authoring/style/sheets/layout/advanced/>

Här har han hela sidan fylld:
<http://webreference.com/authoring/style/sheets/layout/advanced/step_04.html>

Exemplet är det som ligger precis innan han adderar TopBar och AdBar.

Vet inte om det är till nån hjälp

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

## #14 — Web-Tor, 2002-11-19T15:06Z

Anledningen till att bakgrunden tar upp hela skärmen på sidan du länkar till är att det är så mycket text att texten "puttar ut" bakgrunden hela vägen ner.

Tar man bort en del av texten så att den bara tar upp halva fönstret så sträcker sig även backgrunden över halva fönstret.

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

## #15 — SDCd, 2002-11-19T15:14Z

Asch då, sorry.

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

## #16 — jarvklo, 2002-11-19T21:55Z

Hmm....
Det kluriga du slåss med är att även absolutpositionerade block ("layers") alltid (trots namnet!) är positionerade i förhållande till koordinaterna för sina "containing blocks" enligt CSS2... 
I ditt fall hamnar din positionering relativt till dokumentets rotelement (body)...

Vilket gör att det du anger till 100% bör vara höjden på rotelementets "containing block", dvs höjden på webbläsarens "Viewport"... Vilket (om min tolkning av specen är rätt) skulle förklara beteendet i Mozilla/NN6...

Exakt varför det skiljer mellan Moz/NN och MSIE har jag dock inte lyckats klura ut, men om du provar att fylla ut din sida med en div till som "flödar ut innehåll över nederkanten" så ser du att du inte får 100% av innehållets höjd i MSIE6 heller... (det verkar som om MSIE6 "mekar till" ett containing block för ditt lager efter storleken på dess innehåll...)

CSS2-specen om hur containing blocks skall räknas ut:
<http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details> 
(kolla speciellt in speciellt exemplen - det andra liknar din kod rejält ;) )...

Jag har för mig att jag sett en workaround på nätet nånstans...
Lägger in det i bakhuvudet och återkommer om jag hittar en länk eller ett exempel som funkar...

*Red: Tagit bort mitt länktips, som visade sig vara en dublett (se nedan  :e  )*

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

## #17 — SDCd, 2002-11-19T22:06Z

> **jarvklo skrev:**
>
> Tills vidare kan jag tipsa om  [den här](http://www.webreference.com/authoring/style/sheets/layout/advanced/) artikeln, som åtminstånde gav mig en hel del insikter, eftertankar och ideer som jag haft nytta av... ;)

Känner igen den länken nånstans ifrån... ;)

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

## #18 — jarvklo, 2002-11-19T22:20Z

Oops - missade att du redan tipsat om den och att den inte löste problemet :r  
Redigerar bort misstaget  - tack!  :birp

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

## #19 — SDCd, 2002-11-19T22:27Z

No Problemo! :)
En sådan matnyttig länk kan inte nämnas för många gånger

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/59661-höjd-i-procent
