Zusätzlich zu Overlays werden Sie auch ein Script brauchen, um die Links zu den einzelnen Style Sheets zu setzen. So sieht eine erweiterte und modifizierte Version des Scripts zum Ausführen von Overlays aus:

	<script language="JavaScript">
	// dieses Script ermittelt, ob der Browser des Benutzers
	// IE3, IE4 oder Netscape 4 ist und lädt für jeden
	// ein anderes Style Sheets, bei anderen Browsern
	// tut es nichts
	<!--
	 var browser=navigator.appName;
	 var version=navigator.appVersion
	 var ver1=version.substring(0,1)
	 var ver2=version.lastIndexOf("MSIE")
	 var ver3=version.substring(ver2+5,ver2+6)
	
	 function itsNetscape() {
	  document.write('<LINK REL=StyleSheet HREF="styles/nc4.css" TYPE="text/css">')
	 }	
	 function itsMsie() {
	  if (browser == "Microsoft Internet Explorer")
	  ieVersion()
	 }
	 function ieVersion(){
	  if (ver1 >= 4)
	   document.write('<LINK REL=StyleSheet HREF="styles/ie4.css" TYPE="text/css">')
	  if (ver3 == 3)
	   document.write('<LINK REL=StyleSheet HREF="styles/ie3.css" TYPE="text/css">')
	 }
	 if ((browser == "Netscape") && (ver1 >= 4)){
	  itsNetscape()
	 }
	 else{
	  itsMsie()
	 }
	// -->
	</script>

	

(an dieser Stelle dankt mir Robert Crooks, daß ich ihm dabei geholfen habe, einige Details dieses Scripts zu verfeinern; ich spare mir das jetzt ;-) )

Bemerkung: Sie müssen die kursiven Teile des Scripts durch die passenden Pfadangaben und Dateinamen für Ihre Style Sheets ersetzen.

Bernhard Friedrich

doozer@hsguide.com