Tabell?

HTML & CSS

5 svar · 233 visningar · startad av stork

Medlem sedan juni 2001239 inlägg
Trådstart#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.

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