webForumDet fria alternativet

Tabell?

HTML & CSS

5 svar · 230 visningar · startad av stork

Medlem sedan juni 2001239 inlägg
Frågan#1

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?

Medlem sedan juli 20013 378 inlägg
#2

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>
Medlem sedan juni 2001239 inlägg
#3

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.

Medlem sedan jan. 20011 140 inlägg
#4
table {height:100%;width:100px;}
Medlem sedan sep. 20021 655 inlägg
#5

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.

Medlem sedan juni 2001239 inlägg
#6

Det funkade hur bra som hälst. Tack för all hjälp.

250 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)