---
title: "föränderligt fält"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1745-föränderligt-fält"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "greymane"
published: "2002-01-12T15:27:00.000Z"
updated: "2002-01-15T17:10:00.000Z"
replies: 12
views: 352
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/1745-föränderligt-fält"
---

# föränderligt fält

## #1 — greymane, 2002-01-12T15:27Z

Jag behöver göra ett enfärgat horisontellt fält som går från ena sidan till andra på min webbsida. det ska vara placerat absolut längst ner på sidan.

typ såhär:
\________________\_

massor me info  

\________________\_
Fältet          
\________________\_

Fältet måste ligga längst ner och gå ända från höger till vänster även om fönsterstorleken ändras. öppen för alla förslag

ASCII-bildbehandling är inte så lätt alltid ;)

\[Redigerat av greymane den 12 jan 2002\]

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

## #2 — Erik Juhlin, 2002-01-12T17:59Z

Med CSS skulle du kunna skriva så här:

```
border-bottom: 1px solid #000000
```

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

## #3 — greymane, 2002-01-13T13:38Z

jag e inte så insatt på css... hur skriver man exakt? 

kommer jag kunna skriva text i det fältet då?

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

## #4 — Erik Juhlin, 2002-01-13T15:02Z

Nu förstår jag inte..?
Vad för fält menar du? Jag trodde du bara menade ett streck...

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

## #5 — Matte, 2002-01-13T15:47Z

Lägg det här före \</body\>

```
<div width="100%" style="background-color:cyan;border:1px solid black;padding:5px">
Fältet
</div>
```

Detta under förutsättning att du menar längst ned på sidan och inte längst ned på skärmen.

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

## #6 — greymane, 2002-01-13T16:33Z

ok, jag uttryckte mig inte så klart kanske. ASCII-bildbehandling är som sagt inte så lätt ;)

det fältet jag fick med mattes lösning gillar jag. bara en grej e fel, placeringen. hur får man det att lägga sig längst ner på sidan? nu ligger det ju överst.

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

## #7 — Matte, 2002-01-13T16:40Z

Om du lägger fältet efter allt innehåll men före slut-taggen \</body\> så måste det väl hamna nederst.
Enda sättet det kan hamna överst är att du inte har något annat på sidan.

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

## #8 — greymane, 2002-01-13T21:09Z

jag vill ju ha den \_allra\_ längs ner. inte efter sista texten utan så långt ner som över huvudtaget går på sidan. baseline så att säga. går det?

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

## #9 — Matte, 2002-01-13T21:31Z

Vill du att den alltid ska synas längst ned får du använda frames, eller eventuellt någon lagerteknik som jag inte behärskar.
Problemet är att height=100% inte stöds av standarden, och du måste sätta height=100% på body för att det ska fungera (vilket inte Mozilla/Netscape stöder).
Vill du att ditt fält ska ligga längst ned om sidan inte är fylld, men accepterar att fältet åker iväg nedåt (utanför skärmen) om sidan fyller mer än skärmen så har jag ett misch-masch till kod som går runt olika läsares egenheter. Koden validerar inte hos W3C och är inget jag rekommenderar. Den är dock testad och fungerar i IE 6, NS 4.78, NS 6.2, Mozilla 0.9.6, Opera 5.12 och Opera 6, alla i Windows.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test Tabell 100%</title>
<style type="text/css">
<!-- 
td {
  font-family: verdana,sans-serif;
  font-size:12px;
  color:black;
} 
table.falt {
  border:1px solid black;
	background-color:cyan;
}
td.falt {
	border-width:0px;
}
-->
</style>
</head>
<body marginwidth="0" marginheight="0" style="height:100%; margin:0px;">
<div style="position:absolute; height:100%;">
<table width="100%" height="100%" cellspacing="0" cellpadding="10">
<!-- Sätt cellpadding till den marginal du vill ha på sidan  -->
<tr><td valign="top">

Här lägger du innehållet på sidan.

</td></tr><tr><td valign="bottom">
<table cellpadding="5" cellspacing="0" border="1" width="100%" class="falt">
<tr><td class="falt">

Fältet längst ned

</td></tr></table>
</td></tr></table>
</div>
</body>
</html>
```

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

## #10 — greymane, 2002-01-14T17:49Z

jag vet inte riktigt om jag vågar använda en lösning som inte garanterat funkar...

det där med frames skulle ju kunna funka fast då e ju nackdelen att det röda syns hela tiden. det ska ju helst bara synas när man har scrollat ända ner. ingen annan ide?

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

## #11 — Matte, 2002-01-15T00:12Z

Ändrar du body-taggen samt den därpå följande div taggen till:

```
<body style="height:100%; margin:0px; padding:0px;">
<div style="position:absolute; height:100%; top:0px; left:0px;">
```

så är det endast height=100% i table-taggen som inte validerar.

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

## #12 — greymane, 2002-01-15T09:50Z

gör det inget att den inte validerar? Är sättet kompatibelt med de flesta/största läsarna?

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

## #13 — greymane, 2002-01-15T17:10Z

tackar ödmjukast!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1745-föränderligt-fält
