Försöker att skapa en includ-fil som skall 'lägga till' en div längst ner på sidan. Kan du inte bara includera filen längst ner? Nedan är lite kod. Är sidan kortare än fönstret så vill jag att sidfoten Funkade det med hjälp av Javascriptet? Tack för din hjälp. Tycker att jag fick fram en lösning som fungerar bra och som ärDiv längst ner på sidan?
Sidan har "Page Layout" satt till "GridLayout". Lägger ut lite av varje och vill
därefter att diven i skall 'utöka' sidan på höjen med sin egen höjd. Använde
'bottom' i StyleSheet-dokumentet för diven men då styrdes placeringen av
fönstrets höjd men inte dokumentet. Är det någon som har en bra lösning
skulle jag vara tacksam för hjälp.
MVH
PeterSv: Div längst ner på sidan?
Har du gjort hela sidans div placeringar med hjälp av en css fil?
Kan du visa lite kod från sidan du ska lägga till den diven i?
Du skulle gärna kunna ta med alla filer som ska in t.ex.
fil_1.html' Visar
' lite
' kod
' här
fil_2.html' Visar
' lite
' kod
' här
fil_3.html' Visar
' lite
' kod
' här
Sv:Div längst ner på sidan?
skall vara i nedekanten av fönstret och inte 'mitt' på sidan. För att
göra detta fungerar /*bottom:10px; i StyleSheet. Men är då sidan längre
än fönstret kommer sidfoten längst ner i sidan på annan text.
Har därför dragit slutsattsen att man kanske måste använda javascript.
Includefilen Bottom.inc:
<code>
<DIV ID=BTF align="center" class="sidfot">
<HR width="99%" color="#cccccc">
© Kalle Kulas AB, 323 36 Mjölby, telefon: 059 - 94 20 10,
fax: 059 - 94 20 15.<BR>
Frågor om webbplatsen
Kontakta Kalle Kula
Om Cookies
</DIV>
<SCRIPT type="text/javascript">
doPosition();
</SCRIPT>
</code>
Utdrag från StyleSheet:
<code>
.sidfot
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 0.6em;
color: #000000;
background-color: transparent;
position:absolute;
/*bottom:10px;
}
</code>
Från sidan:
<code>
<%@ Page language="c#" Codebehind="KundStart.aspx.cs" AutoEventWireup="false" Inherits="TP_Webb_C_charp.KundStart" EnableSessionState="False" enableViewState="False"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>KundStart</title>
<meta content="Microsoft Visual Studio 7.0" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<link href="StyleSheet1.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function changeurl()
{
parent.contents.location.href="KundNavigering.aspx"
//contents" src="KundNavigering.aspx">
//parent.lowerframe.location.href="demo_js_frame_c.htm"
}
</script>
<script type="text/javascript">
function OpenWin(OpenURL,width,height)
{
var x = (screen.width/2) -(width/2);
var y = (screen.height/2) -(height/2);
NewWin = window.open(OpenURL,'NewWin','location=no,menubar=no,directories=no,scrollbars=no,resizable=no,status=no,width='+width+',height='+height+',left='+x+',top='+y);
}
</script>
<script type="text/javascript">
function doPosition()
{
var footH = document.activeElement.offsetHeight;
BTF.style.top = footH;
}
</script>
</SCRIPT>
</HEAD>
<body ms_positioning="GridLayout">
<form id="KundStart" method="post" runat="server">
<asp:label id="Label1" style="Z-INDEX: 100; LEFT: 64px; POSITION: absolute; TOP: 16px" runat="server"
Width="688px" Height="40px" Font-Names="Verdana" Font-Size="X-Large" Font-Bold="True">Välkommen till Kalle Kula...</asp:label>
<asp:Panel id="Panel17" style="Z-INDEX: 120; LEFT: 64px; POSITION: absolute; TOP: 960px" runat="server"
Font-Size="X-Small" Font-Names="Verdana" Height="72px" Width="528px">
<asp:HyperLink id="HyperLink11" runat="server" Font-Bold="True" Font-Size="X-Small" Font-Names="Verdana"
ForeColor="SteelBlue">Gör en intresse anmälan här!</asp:HyperLink><BR>Vill
du veta mer? Eller har du bara en enkel fråga. Kontakta oss eller gör en
intresseanmälan så kontaktar vi Er.</asp:Panel>
<!--#Include file="Bottom.inc" -->
</form>
</body>
</HTML>
</code>Sv: Div längst ner på sidan?
Det du skulle kunna testa göra i din css fil är:.sidfot
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 0.6em;
color: #000000;
background-color: transparent;
position:absolute;
margin-top:10px;
}
Minns inte om du ska använda margin-top:10px; eller top:10px;
Då hamnar den längst ner med ett mellanrum med 10px mellan rutan och texten.
Testa detta. Jag ska ta och kolla på en gammal sida jag gjort och kolla hur jag gjorde.
Sv:Div längst ner på sidan?
mycket enkel att använda. Koden nedan är hela innehållet i filen 'Bottom.inc' som
jag bara inkluderar med fölande rad i sidans body:
<code>
<!--#Include file="Bottom.inc" -->
</code>
Är tacksam för tips på förslag på förbättringar.
<code>
<!--Används enbart för att spara sidans höjd när den laddas första gången utan sidfot.-->
<div id="divPageHeight" style="DISPLAY: none; VISIBILITY: visible">0</div>
<DIV ID=BTF align="center" class="sidfot" style="POSITION:absolute">
<HR width="99%" color="#cccccc">
© Sandbergs Trygghetsproduker AB, 753 30 Uppsala, telefon: 018-69 44 45,
fax: 018-69 44 47.<BR>
Stockholm 08 - 85 52 10, Gävle 026-10 88 90
<BR>
Frågor om webbplatsen
Kontakta Trygghetsprodukter
Om Cookies
</DIV>
<script type="text/javascript">
function AttachEvents()
{ //Gör så att funktionen 'doPosition' körs varje gång fönsterstorleken ändras.
attachEvent ('onresize', doPosition);
}
</script>
<script type="text/javascript">
function doPosition()
{
var footH = 0;
var startH = 0;
//Hämtar sidans höjd som sparats vid första laddningen.
startH = Number(divPageHeight.innerText);
//Hämtar hela sidans längd
footH = window.document.body.scrollHeight;
if (startH == 0 || startH == null)
{
//Första gången sidan laddas.
//Hämtar sidans hela längd
startH = window.document.body.scrollHeight;
//Sparar hela sidans längd
divPageHeight.innerText = String(window.document.body.scrollHeight);
}
//Är sidans höjd lägre än själva fönstret?
//Inte snyggt med en sidfot mitt på sidan...
if (startH < window.document.body.clientHeight)
{
//JA Sidan är kortare än själva fönstret...
//Sparar hur högt fönstret är...
footH = window.document.body.clientHeight;
}
else
{
footH = startH;
}
// Här har jag fuskat!!!!
// Har inte orkat ta reda hur man får fram höjden på diven 'BTF'
// har bara provat mig till ett värde som bara fungerar så länge
// man inte ändrar textens storlek i läsaren.
footH = footH - 55;//BTF.style.height;
//Placerar sidfoen på rätt höjd...
BTF.style.top = footH;
}
</script>
<SCRIPT type="text/javascript">
<!-- Detta körs första gången sidan laddas.. -->
AttachEvents();
doPosition();
</SCRIPT>
</code>