Tabell ska vara längst nere på sidan

2 svar · 265 visningar · startad av UlfT 28 nov. 2005

UlfTMedlem sedan maj 20018 027 inlägg

Frågan28 nov. 2005 16:37#1

För en gångs skull knackar jag lite html-kod just nu. Därför får ni ha överseende med om jag inte kan vissa elementära saker.

Nåväl, mitt problem är att jag vill placera en tabell längst nere på sidan. Det trodde jag skulle vara enkelt.

Jag har hittills prövat:

<table valign="bottom">....

Inget resultat.

table.footer
{
  vertical-align: bottom;
}

Tabellen som ska ner till botten, har givetvis varit av den klassen:

<table class="footer">....

Fortfarande inget resultat.

Jag har också beaktat att vertical-align kanske egentligen bara fungerar för innehållet i tabellen. Varför då inte ge utrymme till tabellen hela vägen från där den börjar, och ända ner?

<table height="100%" class="footer">...

Kombinerat med följande varianter, varav ingen fungerar:

<tr valign="bottom">

table.footer td
{
    vertical-align: bottom;
}

Divar har jag också prövat med. Det verkar inte fungera där heller. Ska det verkligen vara så svårt att placera en tabell längst nere? Det är ju tämligen enkelt att centrera eller högerplacera en tabell. Borde inte en vertikal placering göras på ett liknande sätt?

Jesper TMedlem sedan nov. 20017 144 inlägg

30 nov. 2005 21:22#2

Absolut positionerad?

<style type="text/css">
body,html {
	margin:0px;
	padding:0px;
}
#my-table {
	width:100%;
	position:absolute;
	border:1px dotted red;
	bottom:0px;
}
</style>

<table id="my-table">
	<tr>
		<td>:-)</td>
	</tr>
</table>

bossseMedlem sedan juni 2003771 inlägg

2 dec. 2005 09:26#3

Går också bra med:

<html> 
<head> 
<style type="text/css">
table 
{position:absolute; bottom:0; 
width:500px;height:300px;
border-collapse:collapse}
td 
{border-collapse:collapse; border:1px solid black;}
</style>
<table>
<tr>
<td>Cell1</td>
<td>Cell2</td>
</tr>
</table>
</body>
</html>