---
title: "sidfoten alltid längst ner"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/77634-sidfoten-alltid-längst-ner"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "johannaloke"
published: "2003-05-21T09:52:10.000Z"
updated: "2003-05-23T10:50:32.000Z"
replies: 27
views: 1282
page: 1
pages: 2
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/77634-sidfoten-alltid-längst-ner"
---

# sidfoten alltid längst ner

_Sida 1 av 2._

## #1 — johannaloke, 2003-05-21T09:52Z

Försöker få till så att min sidfot alltid ligger längst ner på sidan oavsett om man inte fyller sidan helt.

Som det är nu så hamnar sidfoten mitt på sidan om jag bara har text dit.
Är det däremot massa text hamnar den längst ner som jag tycker är rätt.

Min fråga är då hur får jag den att ligga längst ner även om jag inte fyller ut sidan? Går det?
Har provat med height och width i body-taggen men det gjorde ingen skillnad.

//Johanna

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

## #2 — m_soderlund, 2003-05-21T09:54Z

Jag har ungefär samma problem. Jag skulle vilja att en tabell vr 100% hög och fyllde ut ett vitt mellanrum mellan en meny och en kant jag har. Det går ju att specifiera och bestämma det med antalet pixlar, men vi vill ju ha det i procent, och då 100%!

Help us.

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

## #3 — Dino, 2003-05-21T10:12Z

```
<div style="position: absolute; bottom: 10px;">
Fotnot: Grr
</div>
```

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

## #4 — m_soderlund, 2003-05-21T10:19Z

Men Dino, ta en titt på denna bild: <https://www.dileno.hel.nu/gst/1.gif>
Min meny kommer definitivt inte att vara så där stor, nu har jag enbart lagt till en massa länkar för att det ska se symmetriskt ut på startsidan. Alla undersidor kommer ju att vara olika höga beroende på texten som finns på de sidorna, och beroende på hur höga de är så vill jag ex. kunna använda mig av en tabell som fyller ut avståndet underkant meny till övre underkant.

Jag har funderat på att använda mig av en iframe men ser det ej som ett alternativ..

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

## #5 — PepeJeria, 2003-05-21T10:58Z

Varför inte en tabell med height 100%?

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

## #6 — m_soderlund, 2003-05-21T12:20Z

> **PepeJeria skrev:**
>
> Varför inte en tabell med height 100%?

Det är just det som inte fungerar. Inte över huvud taget..

Jag har denna kod men tabellen blir lika platt och tom ändå:

```
<table cellpadding="3" cellspacing="2" border="0" height="100%">
<tr>
<td height="100%"></td>
</tr>
</table>
```

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

## #7 — PepeJeria, 2003-05-21T12:27Z

```
<table cellpadding="3" cellspacing="2" height="100%">
<tr>
    <td valign="top">längts upp</td>
</tr>
<tr>
    <td valign="bottom">längts ner</td>
</tr>
</table>
```

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

## #8 — m_soderlund, 2003-05-21T12:35Z

Då får jag testa den koden sen. :)
Tack.

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

## #9 — andreas_lindh, 2003-05-21T13:13Z

testa att sätta height 100% på body också.

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

## #10 — m_soderlund, 2003-05-22T08:45Z

> **andreas_lindh skrev:**
>
> testa att sätta height 100% på body också.

Aja bajja! Inte använda height-attributet till body!

> **w3schools XHTML-transitional ddt skrev:**
>
> \<!-- Document Body --\>
> 
> \<!ELEMENT body %Flow;\>
> \<!ATTLIST body
>   %attrs;
>   onload      %Script;       #IMPLIED
>   onunload    %Script;       #IMPLIED
>   background  %URI;          #IMPLIED
>   bgcolor     %Color;        #IMPLIED
>   text        %Color;        #IMPLIED
>   link        %Color;        #IMPLIED
>   vlink       %Color;        #IMPLIED
>   alink       %Color;        #IMPLIED
>   \>

..och dessvärre fungerade inte Pepejerias kod. Dessutom ska jag ej heller ha text i den tabellen.

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

## #11 — Palle, 2003-05-22T08:50Z

> **m_soderlund skrev:**
>
> Aja bajja! Inte använda height-attributet till body!

Jag tror nog att Andreas menade body i css-mallen, vilket är fullt tillåtet. ;)

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

## #12 — m_soderlund, 2003-05-22T08:50Z

\*går och testar\*

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

## #13 — m_soderlund, 2003-05-22T08:54Z

Nope, det fungerade ej heller.. :(

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

## #14 — Dino, 2003-05-22T09:01Z

soderlund kan du på bilden du skickad rita in pilar för vad du menar, förstår inte riktigt vilken del du pratar om. Är antagligen väldigt trög eller väldigt trött.

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

## #15 — m_soderlund, 2003-05-22T09:04Z

Så här ser min kod ut:

```
<table cellpadding="3" cellspacing="0" border="0" class="menu" width="150px" height="100%">

<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=default';" style="cursor:hand;">
&nbsp;<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=default">Startsidan</a>
</td>
</tr>

<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=portfolio';" style="cursor:hand;">
&nbsp;<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=portfolio">Portfolio</a>
</td>
</tr>

<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=contact';" style="cursor:hand;">
&nbsp;<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=contact">Kontakt</a>
</td>
</tr>

<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=newsletter';" style="cursor:hand;">
&nbsp;<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=newsletter">Nyhetsbrev</a>
</td>
</tr>

[red]<tr>
<td>

<table cellpadding="0" cellspacing="0" border="0" height="100%">

<tr>
<td valign="bottom" bgcolor="#A5B0BC" height="100%">
</td>
</tr>

</table>

</td>
</tr>[/red]

</table>
```

Det som är markerat i rött är den tabellen som jag vill ska vara 100%, oavsett hur hög tabellen med innehållet är (en tabell jag inte tagit med i koden..).

Här ser ni hela sidan: <http://www.dileno.hel.nu/gst>

Jag har tagit bort lite länkar i menyn, för att koden ska bli mer överskådlig. Dock är det inget som berör själva koden jag postade. :D

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

## #16 — Dino, 2003-05-22T09:15Z

red// Fattar nu. Har kollat på hela koden, tagit bort en del kod fel, men förstår faktiskt inte varför det inte fungerar. Verkar va browser specifikt för det fungerar i Mozilla.

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

## #17 — andreas_lindh, 2003-05-22T09:19Z

> **m_soderlund skrev:**
>
> Aja bajja! Inte använda height-attributet till body!

Precis som palle skrev så menade jag att du skulle sätta height på body din css fil

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

## #18 — m_soderlund, 2003-05-22T09:56Z

> **Dino skrev:**
>
> red// Fattar nu. Har kollat på hela koden, tagit bort en del kod fel, men förstår faktiskt inte varför det inte fungerar.

Japp! Utan att jag har text i cellen. Och det är just det jag inte får till..  :(

Uj - du hann utföra din redigering sekunden innan jag klickade på "citera". :D

.mMen koden fungerar inte i alla fall. Vad är det för kodfel du fixat?

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

## #19 — Dino, 2003-05-22T09:57Z

Redigerade igen :)

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

## #20 — m_soderlund, 2003-05-22T09:58Z

Det fungerar i alla fall inte i IE.. :(

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/77634-sidfoten-alltid-längst-ner  
Nästa sida: https://www.webforum.nu/amne/html-css/77634-sidfoten-alltid-längst-ner/page2.md
