Hallo Maik, danke zunächst für Deine Hilfe!
Der Deutlichkeit halber nocheinmal der Quellcode:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
}
p.class1 {
margin: 0;
border: 0;
padding: 0;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
var Browser = {};
if (window.innerWidth)
{// alle außer IE
Browser.getWidth = function()
{
return window.innerWidth;
}
Browser.getHeight = function()
{
return window.innerHeight;
}
}
else if (document.documentElement && document.documentElement.clientWidth)
{// IE mit DOCTYPE
Browser.getWidth = function()
{
return document.documentElement.clientWidth;
}
Browser.getHeight = function()
{
return document.documentElement.clientHeight;
}
}
else if (document.body.clientWidth)
{// IE ohne DOCTYPE
Browser.getWidth = function()
{
return document.body.clientWidth;
}
Browser.getHeight = function()
{
return document.body.clientHeight;
}
}
Browser.getY = function()
{
return (this.getHeight() / 5);
}
Browser.getY2 = function()
{
return (2 * this.getHeight() / 5);
}
schreibe = function()
{
document.write("Hoehe:"+Browser.getY()+" Breite:"+Browser.getY2());
}
</script>
</head>
<!-- <body onload = "schreibe()">
-->
<body>
<p class = "class1">
<img src="xHuhn.gif" onload="this.style.width=Browser.getY();this.style.height=Browser.getY();">
</p>
<p class = "class1">
<img src="Singleboerse.gif" onload="this.style.width=Browser.getY();this.style.height=Browser.getY();">
</p>
<p class = "class1">
<img src="Warenboerse.gif" onload="this.style.width=Browser.getY();this.style.height=Browser.getY();this.style.margin=0;">
</p>
<p class = "class1">
<img src="Jobboerse.gif" onload="this.style.width=Browser.getY();this.style.height=Browser.getY();">
</p>
<p class = "class1">
<img src="Immobilienboerse.gif" onload="this.style.width=Browser.getY();this.style.height=Browser.getY();">
</p>
</body>
</html>
Mit dem unversal..."*" geht es schon besser, aber auch nicht perfekt=(
Ich dachte, dass das <p>-Tag einen Rand hätte, deshalb wollte ich die Subklasse "class1" definieren.
Letztendlich wollte ich 5 Icons vertikal so anordnen, dass die gesamte Höhe des Browsers voll ausgenutzt werden soll.
1) Kann, da auch mit "*" ein vertikaler Scrollbalken erscheint, das Problem an einem Rundungsfehler liegen?
2) Wo könnte sonst noch der Rand herkommen, wenn nicht vom p-Tag?
Bemerkung: Die gif´s haben alle quadratische Abmessungen 157x175...
Bemerkung2: Math.floor() in Browser.getY hat auch nicht geholfen!
