Gå till innehåll
Just nu i M3-nätverket

IE problem...

iSimon

Startad av iSimon,
i Utveckling

Rekommendera Poster

iSimon

iSimon

Postad
Postad

Ta en titt på den här sidan. Bildvisningen fungerar utmärkt i Firefox och Safari. Men (som vanligt) inte i Internet Explorer. Vad kan det vara för fel?

 

Här är den kompletta koden med PHP:

<!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">

<link rel="stylesheet" type="text/css" href="css/stilmall.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/meny.css">
<script type="text/javascript" language="JavaScript">
function Göm() {
document.getElementById('BV').style.display = "none";
document.getElementById('overlay').style.display = "none";
}

function Visa(fid) {
changeSelected(fid);
document.getElementById('BV').style.display = "block";
document.getElementById('overlay').style.display = "block";
}

</script>

<script language="javascript">

function changeSelected(fid)
{
var list = document.getElementById('optionlist');
var bild = fid;
var id = document.getElementById(bild);	
list.selectedIndex = id.index;
changeImage();
}


function changeImage()
{
var list = document.getElementById('optionlist');
document.mainimage.src = list.options[list.selectedIndex].value;
}

function prevImage()
{
var list = document.getElementById('optionlist');
if(list.selectedIndex == 0)
{
	list.selectedIndex = list.options.length-1;
}
else
{
	list.selectedIndex--;
}
changeImage();
}

function nextImage()
{
var list = document.getElementById('optionlist');
if(list.selectedIndex == list.options.length-1)
{
	list.selectedIndex = 0;
}
else
{
	list.selectedIndex++;
}
changeImage();
}
</script>

<title>Nordanstigs Kristna Center : Fotoalbum</title>

<style type="text/css">
img.miniatyr 
{
border: 1px #CCCCCC;
}
body
{
text-align: center;
}
.center
{
position: relative;
margin: 0 auto;
text-align: left;
width: 743px;
}
.bildvisarn
{
width: 700px;
height: auto;
margin-top: 20px;
position: absolute;
left: 0;
top: 0;
padding: 20px;
z-index: 99;
display: none;
background-color: #FFFFFF;
border: solid #000000 1px;
}
#overlay
{
z-index: 98;
width: 100%;
height: 100%;
background-color:#000000;
position: absolute;
background: transparent #000000;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
display: none;
}
</style>

</head>
<body>
<div id="overlay"></div>
<!-- BILDVISARN START -->
<div class="center">
<div id="BV" class="bildvisarn">
<table width="100%" align="center" border="0">
<tr>
<td align="left"><input type="button" value="<- Förra" onClick="java script:prevImage()"></td>
<td align="center">

<?php

include "mysql/config.php";
include "mysql/connect_database.php";

$result = mysql_query("SELECT * FROM Foton ORDER BY fid DESC");

echo "<select id='optionlist' onChange='java script:changeImage()'>\n";

while($row = mysql_fetch_array( $result )) {

	if (substr($row['fid'], -2) == 99) {

		echo "<optgroup label='" . $row['beskrivning'] . "'>\n";

	} else {

		echo "<option id='" . $row['fid'] . "' value='foton/" . $row['filnamn'] . "'>" . $row['beskrivning'] . "</option>\n";

	}
}

echo "</select>";

mysql_close($opendb);

?>

</td>
<td align="right"><input type="button" value="Nästa->" onClick="java script:nextImage()"></td>
</tr>
<tr>
<td colspan="3" align="center"><a href="#" onClick="Göm()"><img name="mainimage" border="0" style="border: 1px solid #333333"></a></td>
</tr>
</table>
</div>
</div>
<!-- BILDVISARN SLUT -->

<div id="container">
<?php include('include/grafik.php') ?>
<div style="height: 140px;"></div> <!-- Tomt mellanrum -->
<div id="menycontainer"><?php 
/* Bestäm vad ett menyobjekts ID ska vara */  
$fotoalbum = "current";
include('include/meny.php'); ?></div>
 <div id="innehall">

<br><h1>FOTOALBUM:</h1><p><br>

<?php

include "include/mysql.php";

$result = mysql_query("SELECT * FROM Foton ORDER BY fid DESC");

while($row = mysql_fetch_array( $result )) {

if (substr($row['fid'], -2) == 99) {

	echo "<br><br><b>" . $row['beskrivning'] . "</b><p>";

} else {

	echo "<a href='#' onClick='Visa(" . $row['fid'] . ")'><img title='" . $row['beskrivning'] . "' src='foton/mini/" . $row['filnamn'] . "' class='miniatyr'></a> ";

}
}


mysql_close($opendb);

?>

</div><br class="clearfloat" />  
</div><div id="bottom"></div>
</body>
</html>

Länk till kommentar
Dela på andra webbplatser
Telly82

Telly82

Postad
Postad
Ta en titt på den här sidan. Bildvisningen fungerar utmärkt i Firefox och Safari. Men (som vanligt) inte i Internet Explorer. Vad kan det vara för fel?

Funkar bra med IE på min Mac.

Länk till kommentar
Dela på andra webbplatser
iSimon

iSimon

Postad
  • Författare
Postad
Funkar bra med IE på min Mac.

:o åh. ja. är det macversionen du använder då? Det Internet Explorer jag syftar på är Windows versionen (IE6 och IE7)

Länk till kommentar
Dela på andra webbplatser
Ardrí

Ardrí

Postad
Postad
:o åh. ja. är det macversionen du använder då? Det Internet Explorer jag syftar på är Windows versionen (IE6 och IE7)

 

Edit: Ser INTE ut som det ska här...winxp, ie6

Länk till kommentar
Dela på andra webbplatser
Telly82

Telly82

Postad
Postad
:o åh. ja. är det macversionen du använder då? Det Internet Explorer jag syftar på är Windows versionen (IE6 och IE7)

OK, testat med IE på Win XP och det ser rätt ut.

Men hur tar man reda på vilken version av IE det är????

Länk till kommentar
Dela på andra webbplatser
tema

tema

Postad
Postad
OK, testat med IE på Win XP och det ser rätt ut.

Men hur tar man reda på vilken version av IE det är????

Antagligen fungerar det fint med IE7 men inte med IE6. IE6 är en styggelse.
Länk till kommentar
Dela på andra webbplatser
iSimon

iSimon

Postad
  • Författare
Postad
OK, testat med IE på Win XP och det ser rätt ut.

Men hur tar man reda på vilken version av IE det är????

Huh? För mig ser det ut så här:

 

IE7

post-13447-1195054815.png

 

IE6

post-13447-1195054943.png

Länk till kommentar
Dela på andra webbplatser
Telly82

Telly82

Postad
Postad
Huh? För mig ser det ut så här:

Nu förstår jag ännu mindre.

 

Sidan ser bra ut både på Mac och Windows.

 

Men om jag på PC klickar på en av bilderna så ser det ut som din bild med IE7. Frågan är vad som menas med "Bildvisningen fungerar utmärkt i Firefox och Safari." som den ursprunglige postaren skrev. När jag klickar på en bild i Safari 2.0.3 (Mac) eller IE 5.2.3 (Mac) så händer ingenting alls. Det ser ut som bifogad fil.

post-11001-1195057019.png

Länk till kommentar
Dela på andra webbplatser
gabriel.fjellander

gabriel.fjellander

Postad
Postad

Det funkar klockers för mig med Safari 3 och Leopard. Även klicka på bilderna funkar finfint.

Länk till kommentar
Dela på andra webbplatser
Telly82

Telly82

Postad
Postad
Fixade samtidigt alla fel :P

:yeahbaby:

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...