webForumDet fria alternativet

föränderligt fält

HTML & CSS

12 svar · 348 visningar · startad av greymane

Medlem sedan juli 2001711 inlägg
Frågan#1

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]

Medlem sedan maj 200010 687 inlägg
#2

Med CSS skulle du kunna skriva så här:

border-bottom: 1px solid #000000

------------------
/Erik
www.juhlin.nu /sk8files/ /mp3d/

Medlem sedan juli 2001711 inlägg
#3

jag e inte så insatt på css... hur skriver man exakt?

kommer jag kunna skriva text i det fältet då?

Medlem sedan maj 200010 687 inlägg
#4

Nu förstår jag inte..?
Vad för fält menar du? Jag trodde du bara menade ett streck...

------------------
/Erik
www.juhlin.nu /sk8files/ /mp3d/

Medlem sedan aug. 20002 975 inlägg
#5

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.

------------------
Fiskesällskapet Salamander

Medlem sedan juli 2001711 inlägg
#6

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.

Medlem sedan aug. 20002 975 inlägg
#7

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.

------------------
Fiskesällskapet Salamander

Medlem sedan juli 2001711 inlägg
#8

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?

Medlem sedan aug. 20002 975 inlägg
#9

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>

------------------
Fiskesällskapet Salamander

[Redigerat av Matte den 13 jan 2002]

Medlem sedan juli 2001711 inlägg
#10

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?

Medlem sedan aug. 20002 975 inlägg
#11

Ä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.

------------------
Fiskesällskapet Salamander

Medlem sedan juli 2001711 inlägg
#12

gör det inget att den inte validerar? Är sättet kompatibelt med de flesta/största läsarna?

Medlem sedan juli 2001711 inlägg
#13

tackar ödmjukast!

281 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
145 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)