Jag har en tabell på min hemsida som jag vill alltid ska visas aldra längst ner oberoende av upplösning, skärmstorlek osv.
Hur gör man det?
5 svar · 230 visningar · startad av stork
Jag har en tabell på min hemsida som jag vill alltid ska visas aldra längst ner oberoende av upplösning, skärmstorlek osv.
Hur gör man det?
Detta funkar så länge ditt innehåll inte blir högre än webbläsarens höjd minus "nedertabellens" höjd...
<!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>Tabell nederst</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html,body {height:100%; margin:0; padding:0;}
table {height:100%}
-->
</style>
</head>
<body>
<table>
<tr><td valign="top">Lägg ditt innehåll här i koden</td></tr>
<tr><td valign="bottom">Lägg din tabell här i koden</td></tr>
</table>
</body>
</html>
Först måste jag bara tacka för hjälpen. Det var precis det jag letade efter. Det funkade jätte bra.
Men hur ändrar man storleken på tabellen? Jag önskar bredda den lite.
table {height:100%;width:100px;}
Denna raden
table {height:100%}
ändrar du till
table {height:100%; width: 100%;}
Om du inte vill ha att tabellen ska täcka hela fönstret får du ändra width: 100% till något passande.
Det funkade hur bra som hälst. Tack för all hjälp.