---
title: "Sidfot i korrekt HTML"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/78775-sidfot-i-korrekt-html"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Skarre"
published: "2003-06-03T11:49:40.000Z"
updated: "2003-06-03T19:56:52.000Z"
replies: 5
views: 1755
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/78775-sidfot-i-korrekt-html"
---

# Sidfot i korrekt HTML

## #1 — Skarre, 2003-06-03T11:49Z

Hur gör jag för att få en sidfot att ligga dikt an mot browserfönstrets underkant med korrekt HTML? När sidan inte fyller ett helt fönster vertikalt vill jag alltså att den ska sträckas ut så att sidfoten ändå hamnar längst ner i fönstret. Tidigare har jag fuskat med \<table height="100%" men det är så vitt jag vet inte korrekt (X)HTML.

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

## #2 — Palle, 2003-06-03T11:51Z

<http://www.webforum.nu/showthread.php?s=&postid=638466#post638466>

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

## #3 — Skarre, 2003-06-03T12:50Z

Om du tänker på Dinos kod (\<div style="position: absolute; bottom: 10px;"\>) så är det inte riktigt vad jag är ute efter. Med den koden lägger sig inte sidfoten längst ner om innehållet på sidan överstiger en fönsterhöjd.

Det ska alltså fungera precis som en tabell med width="100%". Det kanske inte finns någon vettig lösning? Äh, jag får fortsätta fuska. :)

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

## #4 — Bäckman, 2003-06-03T15:05Z

Har precis samma problem. Har dock varit precis lika framgångsrik som du i mitt sökande efter lösningen. Man vill ju inte gärna fuska, så om någon sitter på lösningen så kläck ur er den! :)

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

## #5 — jarvklo, 2003-06-03T19:43Z

Använd en tabell och ställ in höjderna med CSS... ;)

Följande validerar både som xhtml 1.0 Strict och CSS:

```
<?xml version="1.0" encoding="ISO-8859-1"?>
<!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>Sidfot</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
<!--
html, body {
	height:100%;
	margin:0;
	padding:0;
}
table {border-collapse:collapse}
td {vertical-align:top}
-->
</style>
</head>
<body>
<table style="width:100%;height:100%">
<tr><td>Innehåll</td></tr>
<tr style="height:40px; background-color:silver"><td>Sidfot</td></tr>
</table>
</body>
</html>
```

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

## #6 — Bäckman, 2003-06-03T19:56Z

Jo, det fungerar ju givetvis. Men det funkar alltså inte alls genom att använda divar bara?

Vill ju vara modern och skrota tabellerna till designen.  ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/78775-sidfot-i-korrekt-html
