Hur gör jag för att få en sidfot att ligga dikt an mot browserfönstrets underkant med korrekt HTML? När sidan inte fyller ett helt fönster vertikalt vill jag alltså att den ska sträckas ut så att sidfoten ändå hamnar längst ner i fönstret. Tidigare har jag fuskat med <table height="100%" men det är så vitt jag vet inte korrekt (X)HTML.
Sidfot i korrekt HTML
5 svar · 1 749 visningar · startad av Skarre
Om du tänker på Dinos kod (<div style="position: absolute; bottom: 10px;">) så är det inte riktigt vad jag är ute efter. Med den koden lägger sig inte sidfoten längst ner om innehållet på sidan överstiger en fönsterhöjd.
Det ska alltså fungera precis som en tabell med width="100%". Det kanske inte finns någon vettig lösning? Äh, jag får fortsätta fuska. :)
Har precis samma problem. Har dock varit precis lika framgångsrik som du i mitt sökande efter lösningen. Man vill ju inte gärna fuska, så om någon sitter på lösningen så kläck ur er den! :)
Använd en tabell och ställ in höjderna med CSS... ;)
Följande validerar både som xhtml 1.0 Strict och CSS:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!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>Sidfot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
<!--
html, body {
height:100%;
margin:0;
padding:0;
}
table {border-collapse:collapse}
td {vertical-align:top}
-->
</style>
</head>
<body>
<table style="width:100%;height:100%">
<tr><td>Innehåll</td></tr>
<tr style="height:40px; background-color:silver"><td>Sidfot</td></tr>
</table>
</body>
</html>
Jo, det fungerar ju givetvis. Men det funkar alltså inte alls genom att använda divar bara?
Vill ju vara modern och skrota tabellerna till designen. ;)