webForumDet fria alternativet

Lager och upplosning

5 svar · 243 visningar · startad av annesophie

annesophieMedlem sedan juni 20012 236 inlägg
#1

Hej,

Har en bild som ligger i ett lager enligt foljande:

<div id="mieke_piet" style="position:absolute; width:294px; height:304px; z-index:1000; left: 556px; top:56px;"><img src="images/mieke_piet1.gif"></div>

Bildens position ar valdigt viktig och den maste forbli i samma position oavsett skarmupplosning. Just nu ligger den fin-fint i 1024 men i 800 flyttar den sig naturligtvis mot hoger da den just nu alltid ligger ett bestamt antal pixlar fran vansterkanten.

Jag har spanat lite pa andra tradar, bland annat den har (http://www.webforum.nu/showthread.php?s=&threadid=18216&highlight=lager) men far det inte att fungera! Jag ar ju ingen hejare pa JavaScript...

Kan nagon guida mig igenom hur man far bilden att ligga pa en bestamd plats oavsett upplosning?

/A

UrMeMedlem sedan apr. 2001762 inlägg
#2

lägg in detta javascriptet

function getClientWidth(){
	if(document.all){
		return document.body.clientWidth;
	} else {
		return window.innerWidth;
	}
}

sedan har du din div-tag där du tar bort left-saken.

<div id="mieke_piet" style="position:absolute; width:294px; height:304px; z-index:1000; top:56px;"><img src="images/mieke_piet1.gif"></div>

Längst ner på sidan lägger du in detta javascript:

<script language="JavaScript">
	document.getElementById("mieke_piet").style.left = (Math.round(getClientWidth()/2) + 104) + "px";
</script>

Siffran som är 104 nu i det sista javascriptet får du pilla lite med så bilden hamnar rätt.

Hoppas jag förstod problemet rätt :)

annesophieMedlem sedan juni 20012 236 inlägg
#3

Jaaaaaaa, det funkar! Tack sa hemskt mycket! :f

Det enda jag undrar, for jag vet ju inte om det gar, ar...kan man kanna av browserfonstrets storlek? Om fonstret ar maximerat sa funkar ju scriptet super - for bilden ligger dar den ska! Men om man inte har fonstret maximerat...sa hamnar bilden ju lite fel anda. Ar den enda losningen pa det att tvinga fonstret onLoad till maximerat lage?

UrMeMedlem sedan apr. 2001762 inlägg
#4

Nja.. alltså om din hemsida är större än vad deras fönster är så blir det ju lite konstigt.. men lägg in i body-taggen att sidan laddas om ifall de minskar eller förstorar fönstret.

<body onResize="location.reload()">

Men om de har ett mindre fönster än hemsidan är och de måste scrolla så tycker jag de får skylla sig själv :) .. men lägg in det där i bodyn så laddas sidan om och känner av hur stor fönstret är.

annesophieMedlem sedan juni 20012 236 inlägg
#5

Jaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...det var PRECIS sa jag menade! TACK TACK TACK! :bire

UrMeMedlem sedan apr. 2001762 inlägg
#6

Jag fick hjälp med detta för 2 dagar sedan... så självklart delar man med sig av sina nya kunskaper :h

124 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)