M
Maik
Mit meiner Empfehlung tritt in der Seite nirgends mehr eine Polsterungseigenschaft auf, denn wie ich schon erläuterte, bezieht der Universalselektor * alle HTML-Elemente innerhalb eines HTML-Dokuments ein, und dazu zählt auch der Dokumentkörper body.
Der Deutlichkeit halber nochmal der vollständige Quellcode:
Wenn du dich direkt an Svens vorgeschlagenen Quellcode gehalten hättest, wäre das Problem mit den "Rändern" erst garnicht aufgetreten, denn er hatte sie schon mit dieser CSS-Regel bedacht:
mfg Maik
Der Deutlichkeit halber nochmal der vollständige 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">
<!--
* {
margin:0;
padding:0;
border:0;
}
body {
background-color: #000000;
}
p.class1 img {
display:block;
}
-->
</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>
Wenn du dich direkt an Svens vorgeschlagenen Quellcode gehalten hättest, wäre das Problem mit den "Rändern" erst garnicht aufgetreten, denn er hatte sie schon mit dieser CSS-Regel bedacht:
CSS:
html, body{margin:0}
mfg Maik