12 svar · 352 visningar · startad av greymane
Jag behöver göra ett enfärgat horisontellt fält som går från ena sidan till andra på min webbsida. det ska vara placerat absolut längst ner på sidan.
typ såhär:
_________________
massor me info
__
Fältet
__
Fältet måste ligga längst ner och gå ända från höger till vänster även om fönsterstorleken ändras. öppen för alla förslag
ASCII-bildbehandling är inte så lätt alltid 
[Redigerat av greymane den 12 jan 2002]
jag e inte så insatt på css... hur skriver man exakt?
kommer jag kunna skriva text i det fältet då?
Nu förstår jag inte..?
Vad för fält menar du? Jag trodde du bara menade ett streck...
Lägg det här före </body>
<div width="100%" style="background-color:cyan;border:1px solid black;padding:5px">
Fältet
</div>
Detta under förutsättning att du menar längst ned på sidan och inte längst ned på skärmen.
ok, jag uttryckte mig inte så klart kanske. ASCII-bildbehandling är som sagt inte så lätt
det fältet jag fick med mattes lösning gillar jag. bara en grej e fel, placeringen. hur får man det att lägga sig längst ner på sidan? nu ligger det ju överst.
Om du lägger fältet efter allt innehåll men före slut-taggen </body> så måste det väl hamna nederst.
Enda sättet det kan hamna överst är att du inte har något annat på sidan.
jag vill ju ha den _allra_ längs ner. inte efter sista texten utan så långt ner som över huvudtaget går på sidan. baseline så att säga. går det?
Vill du att den alltid ska synas längst ned får du använda frames, eller eventuellt någon lagerteknik som jag inte behärskar.
Problemet är att height=100% inte stöds av standarden, och du måste sätta height=100% på body för att det ska fungera (vilket inte Mozilla/Netscape stöder).
Vill du att ditt fält ska ligga längst ned om sidan inte är fylld, men accepterar att fältet åker iväg nedåt (utanför skärmen) om sidan fyller mer än skärmen så har jag ett misch-masch till kod som går runt olika läsares egenheter. Koden validerar inte hos W3C och är inget jag rekommenderar. Den är dock testad och fungerar i IE 6, NS 4.78, NS 6.2, Mozilla 0.9.6, Opera 5.12 och Opera 6, alla i Windows.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test Tabell 100%</title>
<style type="text/css">
<!--
td {
font-family: verdana,sans-serif;
font-size:12px;
color:black;
}
table.falt {
border:1px solid black;
background-color:cyan;
}
td.falt {
border-width:0px;
}
-->
</style>
</head>
<body marginwidth="0" marginheight="0" style="height:100%; margin:0px;">
<div style="position:absolute; height:100%;">
<table width="100%" height="100%" cellspacing="0" cellpadding="10">
<!-- Sätt cellpadding till den marginal du vill ha på sidan -->
<tr><td valign="top">
Här lägger du innehållet på sidan.
</td></tr><tr><td valign="bottom">
<table cellpadding="5" cellspacing="0" border="1" width="100%" class="falt">
<tr><td class="falt">
Fältet längst ned
</td></tr></table>
</td></tr></table>
</div>
</body>
</html>
jag vet inte riktigt om jag vågar använda en lösning som inte garanterat funkar...
det där med frames skulle ju kunna funka fast då e ju nackdelen att det röda syns hela tiden. det ska ju helst bara synas när man har scrollat ända ner. ingen annan ide?
Ändrar du body-taggen samt den därpå följande div taggen till:
<body style="height:100%; margin:0px; padding:0px;">
<div style="position:absolute; height:100%; top:0px; left:0px;">
så är det endast height=100% i table-taggen som inte validerar.
gör det inget att den inte validerar? Är sättet kompatibelt med de flesta/största läsarna?
tackar ödmjukast!