Avatar billede Slettet bruger
04. juni 2003 - 11:36 Der er 11 kommentarer og
1 løsning

Placere en tabel 20 px fra bunden af dokumentet

Hej!

Ja det lyder simpelt, at skulle placere noget tekst 20 px fra bunden i et HTML dokument.

Desværre har jeg oplevet at det placeres i forhold til browservinduets bund, og ikke i bunden at selve siden.

Hvordan får jeg f.eks. teksten "Lavet af" placeret 20 px fra bunden på dette dokument http://partout.dk/groenbech/indhold/module_docs/vis_dokument.php?id=1

Altså stort set lige efter teksten "Brian Mertz Pedersen er koncerndirektør i sikkerhedshuset EuroTrust A/S"
Avatar billede jakobclausen Nybegynder
04. juni 2003 - 11:39 #1
Kan du ikke lave en <div> med position: absolute;
Avatar billede roenving Novice
04. juni 2003 - 11:40 #2
Du har altså været igennem bottom:20px ;O)

Kan du så ikke lave noget med at regne på scrollHeight eller offsetHeight ?-)
Avatar billede jakobclausen Nybegynder
04. juni 2003 - 11:41 #3
.. hvor du så angiver bottom til at være 20 px
Avatar billede bearhugx Nybegynder
04. juni 2003 - 11:41 #4
hvad med en

  <div style="margin-top:20px;"> Lavet af ElBarto </div>

efter det afsnit hvor der står "Brian Mertz..."
Avatar billede Slettet bruger
04. juni 2003 - 11:47 #5
roenving> præcis, men hvordan bruger jeg scrollHeight?

bearhugx> Jo i den idelle verden hvor der er en lang tekst på alle sider. Det er der desværre ikke, så jeg er nødt til at tage udgangspunkt i bottom.
Avatar billede jakobclausen Nybegynder
04. juni 2003 - 11:48 #6
el_barto >> Kan du ikke bruge mit forslag - mener da kun det er ved position: relative; det giver problemer
Avatar billede Slettet bruger
04. juni 2003 - 11:56 #7
jakobclausen> Nej, for det giver præcis det problem jeg omtalte.

<div style="position:absolute;bottom:20px">

vil placere teksten 20px fra bunden af vinduet, og ikke 20px fra bunden af dokumentet.
Avatar billede jakobclausen Nybegynder
04. juni 2003 - 11:58 #8
Hvad så hvis du bruger relative - du skulle kunne bruge en af de to
Avatar billede Slettet bruger
04. juni 2003 - 12:04 #9
Den relative har jo den ulempe at den ikke står i bunden af siden når der er meget lidt tekst. Og svarer iøvrigt ret meget til en simpel tabel, som heller ikke duer.
Avatar billede edutasia Nybegynder
04. juni 2003 - 12:23 #10
Her er et eksempel, som bruger enten document.body.offsetHeight eller document.body.scrollHeight som udgangspunkt, afhængigt af hvor meget, der er på siden:

-----------------------------

<html>
<head>

<script type="text/javascript" language="JavaScript">

function moveCopyrightInfo() {
  var elm = document.getElementById('idCopyright');
  elm.style.display = 'block';
  var heightToUse = (document.body.scrollHeight < document.body.offsetHeight) ? document.body.offsetHeight : document.body.scrollHeight;
  var newY = heightToUse - elm.offsetHeight - 20;
  var newX = document.body.scrollWidth - elm.offsetWidth - 20;
  elm.style.pixelTop = newY;
  elm.style.pixelLeft = newX;
}

</script>
</head>

<body style="margin:0px" onload="moveCopyrightInfo()" onresize="moveCopyrightInfo()"">
<div style="width:100%; height:100; background-color: silver; padding:20px">Denne div repræsenterer selve siden</div>
<div id="idCopyright" style="display:none;position:absolute;top:0px;left:0px;background-color:red;color:white; padding:5px;"><nobr>&copy; Lavet af el_barto</nobr></div>

</body>
</html>
Avatar billede roenving Novice
04. juni 2003 - 12:24 #11
Denne her lavede nummeret, men jeg har selvfølgelig ikke nået at fin-teste:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>

<script language="javascript" type="text/javascript">
function posDiv(){
    var oH = document.getElementById("storDiv").offsetHeight;
    var d = document.getElementById("minDiv");
    d.style.top = oH-50;
}
</script>
</head>

<body onload="posDiv()">
<TABLE><TR><TD ALIGN="center"><TABLE WIDTH="200"><TR><TD ALIGN="center"><DIV ID="storDiv">
<div id="minDiv" style="position:absolute">Brian er FørsteBrian her</div>
</DIV>
</TR></TD></TABLE>
</TR></TD></TABLE>
</body>

</html>
Avatar billede Slettet bruger
04. juni 2003 - 12:40 #12
Jeg fik efter lidt tilretning edutasias til at virke, og vil gerne takke for hjælpen til alle.

Utroligt at det skal være så svært med CSS ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Fælles AI

AI Lead

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger IT-supporter til vores supportteam i Hvidovre

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger en IT-supporterelev til Lokal IT på Flyvestation Karup

Politiets Efterretningstjeneste

AI/ML udvikler i PET