---
title: "quirks-mode och 100% height"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/98162-quirks-mode-och-100-height"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "icaaq"
published: "2004-02-25T09:54:02.000Z"
updated: "2004-02-26T07:58:20.000Z"
replies: 6
views: 392
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/98162-quirks-mode-och-100-height"
---

# quirks-mode och 100% height

## #1 — icaaq, 2004-02-25T09:54Z

Kan jag få det bekräftat att jag inte kan använda mig av ett div-element som blir 100% height.
koden som jag använder är följande

```
[red]
<%@ Page language="c#" Codebehind="default.aspx.cs" AutoEventWireup="false" Inherits="svanggang.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Mora svänggäng</title>
    <meta name="GENERATOR" content="Microsoft Visual Studio 7.0"/>
    <meta name="CODE_LANGUAGE" content="C#"/>
    <meta name="vs_defaultClientScript" content="JavaScript"/>
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"/>
    <style type="text/css">
		<!--
		@import url(inc/default.css);
		-->
	</style>
  </head>
  <body>
	
    <form id="Form1" method="post" runat="server">
	<div class='base'>
		&nbsp;
	</div>
    </form>
	
  </body>
</html>
[/red]
```

och css:n

```
[red]
body, html
{
	background-image: url(../img/background.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
/* DIV */
.base
{
	background-color: #663333;
	background-image: url(../img/basebackground.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border-right: solid 1px #000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 785px;
}
[/red]
```

Lägger jag sidan i Quirks-mode så funkar det som jag vill i både Mozilla och IE men då kan jag väl inte validera den?

Har någon någon lösning?

mv icaaq

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

## #2 — icaaq, 2004-02-25T09:58Z

Det lönar sig att testa lite ;) Jag lade dit

```
[red]
form
{
	height: 100%;
}
[/red]
```

och vipps så funkar det :e

mv icaaq

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

## #3 — jarvklo, 2004-02-25T12:24Z

Jag kunde bara inte låta bli att acceptera svaret åt dig också... ;)

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

## #4 — icaaq, 2004-02-25T12:26Z

Här har man påpekat det i hur många trådar som helst och sen glömmer jag det själv :r 

Tack moderatorn ;)

mv icaaq

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

## #5 — icaaq, 2004-02-25T15:53Z

Detta funkade ju bra till man fick lov att scrolla lite.

Kolla in <http://mora.19december.se/> och Lyssna på våra låtar.
där får ni scrolla (om ni inte har en jätte upplösning).

Hur ska jag lösa detta?

mv icaaq

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

## #6 — icaaq, 2004-02-26T07:16Z

Jag testade att sätta .base till 135% width men denna ful-lösning funkar ju inte till 100% ......

Finns det ett riktigt sätt att lösa detta på?

mv icaaq

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

## #7 — icaaq, 2004-02-26T07:58Z

Jag löste det med en annan backgrundsbild i bodyn.

mv icaaq

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/98162-quirks-mode-och-100-height
