Zusammenwirken von HTML und JavaScript

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:

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
 
Gelöst! Vielen Dank Euch allen!

LG,
Ulrich

p.s.: Svens Quellcode bezog sich auf eine HORIZONTALE, ich benötigte aber eine VERTIKALE
p.p.s: Das mit dem body-margin hatte ich erst gar nicht verstanden, da ich nicht wußte, das <body> auch einen margin hat
 

Neue Beiträge

Zurück