Herbie: Größenänderung Icons - Browser stürzt bei bestimmter Größe ab

SELF-Forum

Größenänderung Icons - Browser stürzt bei bestimmter Größe ab

Herbie
– Informationen zu den Bewertungsregeln

Hallo,
ich versuche eine Seite im IE6 darzustellen, auf der sich mehrere Icons je nach Fenstergröße selbst anordnen und in Ihrer Größe skalieren.
Funktioniert soweit auch ganz gut:
Browser niedrig und breit: Icons= x x x x

Browser quadratisch:       Icons= x x
                                  x x

Nur wenn der Browser schmal und hoch ist gibt es ein Problem:
Die Icons ordnen sich zwar korrekt an:
x
x
x
, aber wenn ich den IE6 genau so weit nach unten verlängere, dass die Icons so breit werden, dass die Scrollbar gerade eben erscheint stürzt der IE6 in exakt dem Moment ab.
Leider habe ich ein paar Vorgaben, an denen ich nicht vorbei komme:
Ich muss den IE6 und an dieser Stelle ein vorgegebenes xsl nutzen und kann auch nicht das Fenster selber mit einem 'open.window' öffnen. Ich kann Javascript nutzen (und tue das auch) und kann im xsl html einfügen.

Kennt jemand dieses Absturz-Problem ?

Momentan sieht der Code so aus:

  
<?xml version="1.0"?>  
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:java="http://xml.apache.org/xslt/java" exclude-result-prefixes="java" version="1.0">  
<xsl:output method="html" omit-xml-declaration="yes" indent="yes"/>  
<xsl:param name="Hoehe"/>  
<xsl:param name="Weite"/>  
	  
<xsl:template match="/">  
  <html>  
	<head>  
 	  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>  
	  <title>Freies Blaettern</title>  
		<script type="text/javascript">  
		  <![CDATA[  
		  function size () {  
		    var Weite = 0;  
		    var Hoehe = 0;  
		    Weite=document.documentElement.clientHeight;  
		    Hoehe=document.documentElement.clientWidth;  
		    if (Weite<Hoehe) Weite=Hoehe;  
		    //Icon-Größe: Minimal 46 (184/4)  
		    if (Weite<184) return 46;  
		    //Icon-Größe: Maximal 100 (400/4)  
		    if (Weite>400) return 100;  
		    return (Weite/4);  
		  }  
		]]>  
		</script>  
	</head>  
	<body onLoad="window.resizeTo({$Weite},{$Hoehe})">  
		<a title="Zurueck Blaettern" href="ein href">  
		<img id="bild1" onMouseOver="gifOn(this)" onMouseOut="gifOff(this)" title="Zurueck Blaettern" alt="" src="style/88/blaetternrueck.gif" align="texttop"/>  
		</a>  
		<a title="Vorwaerts Blaettern" href="ein href">  
		<img id="bild2" onMouseOver="gifOn(this)" onMouseOut="gifOff(this)" title="Vorwaerts Blaettern" alt="" src="style/88/blaetternvor.gif" align="texttop"/>  
		</a>  
... es folgen hier noch weitere Icons ...  
	  
	<script type="text/javascript">  
		window.onresize= function() {  
                    window.document.getElementById("bild1").width=size();  
                    window.document.getElementById("bild2").width=size();  
                    window.document.getElementById("bild3").width=size();  
                    window.document.getElementById("bild4").width=size();  
                    ... weitere...  
	</script>  
 	</body>  
 	</html>  
  
	</xsl:template>  
	  
</xsl:stylesheet>
Beitrag melden
–
Informationen zu den Bewertungsregeln