Søg
Avatar billede krk Nybegynder
26. juli 2005 - 13:15 Der er 6 kommentarer og
1 løsning

billede altid det samme sted

Jeg har indsat et billede (<img src="images/test.gif" width="37" height="450" style="position:absolute; left:0px; bottom:0px;">) i min tabel.
Mit problem er så at når jeg laver browser vinduet meget lille (mindre end billede, som er widte=37 height=450)så forsvinder toppen af billede jo bare ovenud af browser vinduet.
Jeg kunne godt tænke mig at når toppen af billede når toppen af browseren, så stopper billede. Hvis brugeren så fortsætter med at lave browservinduet mindre så foregår det bare som normalt med at billede forsvinder fra bunden.
Håber I forstår hvad jeg mener, det er lidt svært at forklare :-)
Avatar billede roenving Novice
26. juli 2005 - 13:59 #1
Nu er det jo ikke det mest sandsynlige, at der er nogen, som benytter sig af et browservindue, som er mindre end 450px, men hvis du også vil tage højde for det, skal du ca.

<script type="text/javascript">
function changePicPos(){
  var winHeight = window.innerHeight ? window.innerHeight : window.documentElement ? window.documentElement.offsetHeight : document.body.offsetHeight;
  var picSt = document.getElementById('mitBillede').style;
  if(winHeight < 450){
    picSt.bottom = '';
    picSt.top = 0;
  }else{
    picSt.bottom = '0';
    picSt.top = '';
  }
}
window.onload = changePicPos;
window.onresize = changePicPos;
</script>

-- og så skal billedet selvfølgelig have et id:

<img id="mitBillede" src="images/test.gif" style="width:37px; height:450px; position:absolute; left:0px; bottom:0px;">
Avatar billede krk Nybegynder
26. juli 2005 - 14:08 #2
Det virker næsten :-)
Det virker fint hvis man laver browservinduet mindre men laver man det større igen, så følger billede ikke med ned igen.

Og ja, jeg giver dig ret at det er lidt usandsynlig at brugeren bruger så lille et browservindue, men lige i dette tilfælde ved jeg at det vil blive testet :-)
Avatar billede roenving Novice
26. juli 2005 - 14:16 #3
Så må vi jo en anden vej rundt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0;padding:0;}
</style>
<script type="text/javascript">
function changePicPos(){
  var winHeight = window.innerHeight ? window.innerHeight : window.documentElement ? window.documentElement.offsetHeight : document.body.offsetHeight;
  var picSt = document.getElementById('mitBillede').style;
  if(winHeight < 450){
    picSt.top = '0';
  }else{
    picSt.top = winHeight - 450 + "px";
  }
}
window.onload = changePicPos;
window.onresize = changePicPos;
</script>

<title>Tomt dokument</title>
</head>
<body>


<img id="mitBillede" src="images/test.gif" style="width:37px; height:450px; position:absolute; left:0px; bottom:0px;">
</body>
</html>
Avatar billede krk Nybegynder
26. juli 2005 - 14:23 #4
jeg har ikke lige tid til at teste det nu, men jeg vender tilbage hurtigst muligt
Avatar billede krk Nybegynder
26. juli 2005 - 15:39 #5
Nu virker det perfekt.
Tak for det
Avatar billede roenving Novice
26. juli 2005 - 15:42 #6
Velbekomme '-)
Avatar billede roenving Novice
26. juli 2005 - 15:43 #7
-- og tak for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
I går 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
White papers
Flere white papers »