hallo!
ich habe ein problem mit der darstellung einiger bilder die in divs liegen.
der y wert scheint immer 0 zu sein im opera und firefox. im ie funktioniert es.
was mache ich falsch?
//edit fixed! tja schon dumm wenn man css und html nicht unterscheiden kann
top:100px; statt top=100px;
ich habe ein problem mit der darstellung einiger bilder die in divs liegen.
der y wert scheint immer 0 zu sein im opera und firefox. im ie funktioniert es.
was mache ich falsch?
Code:
<html>
<head>
<title>Castle Islands</title>
<script type="text/javascript"> //JS Code im head
var xtile = 0;
var ytile = 0;
var xtiles = 10;
var ytiles = 25;
var tilewidth = 128;
var tileheight = 63;
var xtilepixel2 = 64;
var xtilecalculated = 0;
var xvisible = 3;
var yvisible = 3;
var gui2visible = 0;
var ygui2 = 600;
document.write("<style type='text/css'>");
document.write("#gamewindow {position:absolute; width:800px; height:600px; left:0px; top:0px; z-index:5; overflow:hidden;}");
document.write("#divmap {position:absolute; left:-192px; top:-95px; z-index:5;}");
while (ytile < ytiles) {
while (xtile < xtiles) {
if (ytile % 2 == 0) {
document.write("#tile"+xtile+"_"+ytile+" {position:absolute; left:"+xtile*tilewidth+"px; top:"+ytile*tileheight/2+"px; z-index:5;}");
}else{
xtilecalculated = xtile*tilewidth + xtilepixel2;
document.write("#tile"+xtile+"_"+ytile+" {position:absolute; left:"+xtilecalculated+"px; top:"+ytile*31.5+"px; z-index:5;}");
}
xtile += 1;
}
xtile = 0;
ytile += 1;
}
document.write("#player {position:absolute; left:380px; top=280px; z-index:6;}");
document.write("#gui {position:absolute; left:0px; top=400px; z-index:10;}");
document.write("#gui2 {position:absolute; left:400px; top=600px; z-index:10;}");
document.write("#guibutton {position:absolute; left:700px; top=500px; z-index:11;}");
document.write("</style>");
</script>
</head>
<body bgcolor="000000">
<script type="text/javascript"> //JS Code im body
document.write("<div id='gamewindow'>");
document.write("<div id='divmap'>");
ytile = 0;
xtile = 0;
while (ytile < ytiles) {
while (xtile < xtiles) {
document.write("<div id='tile"+xtile+"_"+ytile+"'>");
document.write("<img src='grass1.gif' name='tile"+xtile+"_"+ytile+"'>");
document.write("</div>");
xtile += 1;
}
xtile = 0;
ytile += 1;
}
document.write("</div>"); //Ende divmap
document.write("<div id='player'>");
document.write("<img src='player.gif'>");
document.write("</div>");
document.write("<div id='gui'>");
document.write("<img src='gui.gif'>");
document.write("</div>");
document.write("<div id='gui2'>");
document.write("<img src='gui2.gif'>");
document.write("</div>");
document.write("<div id='guibutton'>");
document.write("<a href='javascript:movegui2()'><img src='guibutton.gif'></a>");
document.write("</div>");
document.write("</div>"); //Ende div gamewindow
</script>
</body></html>//edit fixed! tja schon dumm wenn man css und html nicht unterscheiden kann
top:100px; statt top=100px;
Zuletzt bearbeitet: