webForumDet fria alternativet

sidfoten alltid längst ner

HTML & CSS

27 svar · 1 267 visningar · startad av johannaloke · sida 2 av 2

Frågan, av johannaloke

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

Läs frågan i sin helhet →
Medlem sedan sep. 20026 425 inlägg
#21

Hm, jag tror jag eventuellt kan få till det. *kodar*

Medlem sedan sep. 20026 425 inlägg
#22

Tjohoo, jag fick till det!

* Jag satte height till 100% på menytabellen
* i css-mallen satter jag bodyhöjden till 100%
* varje cell i menyn med en länk blev 13px hög

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

<tr>
<td height="13px" 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 height="13px" 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 height="13px" 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 height="13px" 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>

<tr>
<td height="6px" bgcolor="#ffffff">
</td>
</tr>

<tr>
<td>

<table cellpadding="0" cellspacing="0" border="0" height="100%">
<tr>
<td valign="top">
</td>
</tr>
<tr>
<td valign="bottom" bgcolor="#999999" height="100%">
</td>
</tr>
</table>

</td>
</tr>

</table>

Tack andreas, Palle, Dino och Pepejeria!

..men vad var det för kodfel Dino upptäckte??

Medlem sedan sep. 20011 914 inlägg
#23

Bra att det funkar. Skulle bara säga att kodfelen jag hittade är att du sätter px, ex height="6px" ta bort px helst height oxå. Du hade det på ett antal width oxå. :)

Medlem sedan sep. 20026 425 inlägg
#24

Men det är ju inte kodfel.. Jag använder ex. 6px i stället för 6pt, för annars så blir det inte bra i IE på mac.

Medlem sedan apr. 20003 174 inlägg
#25

m_soderlund skrev:

<td td height="13px" ..

Ett litet fel som smugit sig in här också.. ;)

Medlem sedan sep. 20011 914 inlägg
#26

I css är det ok att använda px, pt etc. Inte (x)html.

Medlem sedan sep. 20026 425 inlägg
#27

Palle skrev:

m_soderlund skrev:

<td td height="13px" ..

Ett litet fel som smugit sig in här också.. ;)

Åtgärdat. :D

Medlem sedan sep. 20026 425 inlägg
#28

Men.. Problem igen! Koden fungerar ej som den ska på IE 6 men den fungerar på IE 5.5. Why?

/r ...och nu fungerade det ej på IE 5.5. heller. Ni ser själva här: http://www.dileno.hel.nu/gst/

Under alla länkar i menyn har jag ett avstånd på 6px där det är vitt, och sen kommer den lilla tabellen med samma färg som menyn - fast den är bara några få pixlar hög och jag vill få den att bli så hög att den täcker allt vitt under menyn, förutom 6 pixlar längst ner. Koden är den som är ovan i ett tidigare inlägg - detta inlägg.

257 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)