Site wel in IE, niet in Forefox of Chrome

Status
Niet open voor verdere reacties.
H

hendrikbraaf

Gebruiker
Lid geworden
10 mrt 2005
Berichten
128
Ik heb een tweetal sites "gebouwd" m.b.v. HTML-kit en op aanwijzingen van "www.mijn-eigen-website.nl".
De eerste (www.ongediertevrij.nu) werkt prima. Als ik de tweede vanuit HTML-kit wil bekijken in een webrowser lukt dat alleen met IE en niet met Firefox en Chrome. Van de homepage kijg ik alleen de achtergond te zien. De achterliggende pagina's werken weer wel (behoudens het kadertje waar nog foto's geplaatst moeten worden; dit is zichtbaar in IE, niet in Firefox)
Wat gaat hier fout?
Hier de HTML en CSS van betreffende gebeuren:

HTML homepage:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">

<head>
<title>Johan van Houtum Auto's</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="gebruikte auto's, uden, tweedehands auto's, goedkoop,smalle beurs,apk," />
<meta name="description" content="Voor een goede, goedkope, apk gekeurede auto!" />
<link rel="stylesheet" href="basis.css" type="text/css" media="screen" />
<!--[if IE]>
<script type="text/JavaScript">
function doIt(){
document.getElementById('blink').style.visibility =  (document.getElementById('blink').style.visibility == "hidden") ? "visible" : "hidden";
}
function Knipper(){
setInterval('doIt()',500);
}
window.onload = Knipper;
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

<style type="text/css">

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 2px solid red;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

</style>

<script type="text/javascript" src="simplegallery.js">

/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [url]http://www.dynamicdrive.com/[/url] for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new simpleGallery({
	wrapperid: "simplegallery1", //ID of main gallery container,
	dimensions: [200, 150], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["foto1.jpg", "occasions.html", "_new", ""],
		["foto2.jpg", "occasions.html", "_new", ""],
		["foto3.jpg", "occasions.html", "_new", ""],
		["foto4.jpg", "occasions.html", "_new", ""],
    ["foto5.jpg", "occasions.html", "_new", ""],
		["foto6.jpg", "occasions.html", "_new", ""],
		["foto7.jpg", "occasions.html", "_new", ""],
		["foto8.jpg", "occasions.html", "_new", ""],
		["foto9.jpg", "occasions.html", "_new", ""],
		["foto10.jpg", "occasions.html", "_new", ""],
		["foto11.jpg", "occasions.html", "_new", ""],
		["foto12.jpg", "occasions.html", "_new", ""]
		],
	autoplay: [true, 2000, 10], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: false, //remember last viewed slide and recall within same session?
	preloadfirst: false,
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
		//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//Keyword "this": references current gallery instance
		//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
		//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	}
})

</script>


</head>
<body>




<div id="kop"><img alt="musty.png " src="musty.png" width="200"height="120"
style="float:left;margin-left:10px;margin-top:10px;">

<img alt="rdw.png" src="rdw.png." height="90" width="150" style="float:right; "/>

<p>Johan van Houtum Auto's</p>
</div>
<br>
<div id="midden">

<h2><span style="color: blue;margin-left:240px;">
Frontstraat 6 &nbsp;&nbsp;5405 AK Uden&nbsp;&nbsp;0651299346</span></h2>
</div>
<ul>
<li><a href="occasions.html">Occasions</a></li>
<li><a href="routeplanner.html">Routeplanner</a></li>
</ul>
</div>

<div id="simplegallery1"style="width:420px; float:right;margin:40px;"></div>
<h2 style= "margin-left: 50px;"> Welkom op onze website.</h2>


<p style="margin-left: 50px;">Zoekt u een goede, betaalbare auto dan
bent u hier aan het juiste adres!<br>
Wij hebben diverse occasions in de aanbieding, ook voor de smalle beurs.<br>
Wij hebben al een mooie auto voor u vanaf<span id="blink"> <font color ="red"> <b>€ 500,=</b></font></span><br>
Alle auto's worden grondig gecontroleerd en afgeleverd met APK.<br>
Klik op "Occasions"om een deel van onze voorraad te bekijken.<br>
Als u op "Routeplanner" klikt wordt u automatisch de weg gewezen naar ons bedrijf.
 </p>

<div align="center"><img alt="finishvlaggen (23K)" src="finishvlaggen.png" height="126" width="168" /></div>

</body>

</html>
HTML pagina 2 (voorbeeld):
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">

<head>
<title>pagina 2</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="gebruikte auto's, uden, tweedehands auto's, goedkoop,smalle beurs,apk," />
<meta name="description" content="Voor een goede, goedkope, apk gekeurede auto!" />
<link rel="stylesheet" href="basis.css" type="text/css" media="screen" />

</head>
<body>

<div id="kop"><img alt="musty.png " src="musty.png" width="200"height="120"
style="float:left;margin-left:10px;margin-top:10px;">
<img alt="rdw.png" src="rdw.png." height="90" width="150" style="float:right; "/>
<p>Johan van Houtum Auto's</p>
</div>
<br>
<div id="midden">
<h2><span style="color: blue;margin-left:240px;">
Frontstraat 6 &nbsp;&nbsp;5405 AK Uden&nbsp;&nbsp;0651299346</span></h2>
</div>
<div style="margin-left:70px;"</div>
<a href="occasions.html">Terug naar Occasions</a>
<br>
<br>
<br>
<img alt="foto2 (24K)" src="foto2.JPG" height="120" width="160" />
<img alt="foto2a (24K)" src="foto2a.JPG" height="120" width="160" />
<img alt="foto2b (24K)" src="foto2b.JPG" height="120" width="160" />
<img alt="foto2c (24K)" src="foto2c.JPG" height="120" width="160" />
<img alt="foto2d (24K)" src="foto2d.JPG" height="120" width="160" />
<ul>
<li>Vraagprijs:&nbsp;&nbsp;€ 1450,-</li>
<li>Merk:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ford</li>
<li>Type:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mustang</li>
<li>Bouwjaar:&nbsp;&nbsp;x</li>
<li>Km-stand:&nbsp;&nbsp;x</li>
<li>Brandstof:&nbsp;&nbsp;x</li>
<li>APK:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x</li>
<li>Opties:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
</ul>
</body>

</html>
CSS:
Code: 
body {
background-image:url(orang023.jpg);
font-family: "Trebuchet MS", sans-serif;
font-size: 100%;
color: black;}




#kop { 
width: 950px;
height: 90px;
margin: 0 auto;
background-image: url(achtergrond2.gif)

} 
 
#kop p {
font-family: comic,serif;
font-size:35px;
font-weight: bold;
color: red;
font-variant: small-caps;
text-align:center;
padding-top: 16px;
}
 
#midden { 
width: 898px;


margin: 0 auto;
}
 
Laatst bewerkt door een moderator:
Het probleem zit hem in <!--[if IE]>, die moet je ergens afsluiten met een <![endif]-->, zodat het stuk wat alleen voor IE bedoeld is tussen die twee elementen in staat. Omdat je <!--[if IE]> niet hebt afgesloten zal alleen IE de site weergeven.

NB: Code graag tussen [html*] [/html*] (zonder de *) tags zetten, dat is een heel stuk overzichtelijker.
 
Hallo Naarling,

Ik heb gewoon die <!--[if IE]> weggehaald en 't werkt prima!

Gr.,

Henk Vergunst
 
Dat kan uiteraard ook. Vergeet niet de vraag op 'opgelost' te zetten (kan bovenaan het eerste bericht).
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan