• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild an Browser Fenster anpassen

Status
Für weitere Antworten geschlossen.
A

AndreasGrothe

Neues Mitglied
Hallo zusammen,

wer kann helfen?

Ich habe ein Startseite mit einem Bild in der Mitte (coverstart).
Wie kann ich es jetzt erreichen, das sich das Bild immer an die größe des browserfensters anpasst? HTML Code mit java script siehe Anhang.
Ich bekomme immer eine Fehlermeldung. :-(

Danke

<html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>test</title>

<script type="text/javascript">
<!--
var x;
var y;
var b=1000;
var h=250;
var bild="images/Startseite/startseitehomepage2.jpg";
//-->
</script>

</head>
<body onResize="javascript:location.reload()">
<table border="0" cellpadding="0" cellspacing="0" width="1242" height="750">
<!-- MSTableType="layout" -->
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td height="47">&nbsp;</td>
</tr>
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td valign="top" align="right" colspan="3">
<!-- MSCellType="ContentBody" -->
<font face="Verdana">
<img border="0" src="../images/startseite/fahnedeutschland.jpg" width="28" height="20"><span style="font-size: 16pt; font-weight: 700">&nbsp;&nbsp; Willkommen</span></font></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td height="28">&nbsp;</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td height="5"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td valign="top" align="right" colspan="3">
<!-- MSCellType="ContentBody" -->
<font face="Verdana">
<img border="0" src="../images/startseite/fahneengland.jpg" width="28" height="22"><span style="font-size: 16pt; font-weight: 700">&nbsp;</span></font><span style="font-weight: 700"><font face="Verdana" style="font-size: 16pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; welcome</font></span></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td height="29">&nbsp;</td>
</tr>
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td height="166">&nbsp;</td>
</tr>
<tr>
<td></td>
<td valign="bottom" colspan="10" align="center">
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
<!-- MSCellFormattingTableID="7" -->
<tr>
<td valign="top" align="center" height="100%" width="100%">
<!-- MSCellFormattingType="content" -->
<script type="text/javascript">
<!--
x=document.aaa.width-10;
y=document.bbb.height-20;
if (x/y>b/h) document.write("<img border=0 src='"+bild+"' height='"+(y-10)+"' style=margin-top:-1>");
else document.write("<img border=0 src='"+bild+"' width='"+(x-1)+"'>");
//-->

</script>
<img border="0" src="../images/startseite/coverstartseite.jpg" align="left"></td>
</tr>
</table>
<td>&nbsp;</td>
<td height="251">&nbsp;</td>
</tr>
<tr>
<td></td>
<td></td>
<td valign="middle" rowspan="4">
<!-- MSCellType="ContentHead" -->
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">Optimiert f&uuml;r 1280 x 1024
Pixel.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">Copyright © 2004 ELDISY GMBH.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">Alle Rechte vorbehalten.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">Stand: 15.03.2008</font></td>
<td></td>
<td valign="bottom" rowspan="4" colspan="4">
<img border="0" src="../images/preise/2002_existenzgruender.jpg" width="45" height="53">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img border="0" src="../images/preise/2004_wirtschaftspreisaltmark.gif" width="45" height="53">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img border="0" src="../images/preise/2005_gruenderchampion1.gif" width="52" height="54">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img border="0" src="../images/preise/2006_grosserpreismittelstand.jpg" width="42" height="70">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img border="0" src="../images/preise/2008_unternehmendesmonats.jpg" width="55" height="55"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td height="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td valign="top" align="center" colspan="3">
<img border="0" src="../images/startseite/tuevcert4.jpg" width="93" height="46"></td>
<td height="46">&nbsp;</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td height="1"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td valign="middle" align="center" rowspan="2" colspan="3">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">DIN EN ISO 9001:2000</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">ISO/TS 16949:2002</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">Zertifikat: 01 111 030398</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 7pt">[zum Download]</font></td>
<td height="35">&nbsp;</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td valign="top" rowspan="2">
<img border="0" src="../images/preise/2005_gruenderchampion.gif" width="75" height="35"></td>
<td></td>
<td></td>
<td></td>
<td height="13"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td height="28">&nbsp;</td>
</tr>
<tr>
<td width="3"></td>
<td width="5"></td>
<td width="184">&nbsp;</td>
<td width="63">&nbsp;</td>
<td width="127">&nbsp;</td>
<td width="134">&nbsp;</td>
<td width="39">&nbsp;</td>
<td width="264">&nbsp;</td>
<td width="19">&nbsp;</td>
<td width="159">&nbsp;</td>
<td width="12">&nbsp;</td>
<td width="24">&nbsp;</td>
<td height="99" width="209">&nbsp;</td>
</tr>
</table>

&nbsp;
</body>

</html>
 
document.aaa versucht auf ein Element mit dem Namen "aaa" zuzugreifen. Lösung wäre, dass du dem Element was für diese Größenberechnung notwendig ist das Attribut "name"
mit dem Wert "aaa" hinzufügst. Z.B. so:

Code: 
<img src="bild.jpg" alt="" name="aaa" />
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben