problem mit layer positionierung
philipp
- html
Wenn ich etwas mit Layern positioniere an einer bestimmten stelle und ich im Browser die Schriftgröße verändere verschiebt sich der Layer.
<html>
<head>
<title>hgtghfd</title>
<SCRIPT LANGUAGE="JavaScript">
var browser = ""
/* Browserabfrage - für verschiedene syntax von MS Explorer und Netscape */
function browserabfrage() {
if (navigator.appName=="Microsoft Internet Explorer")
{
browser="ie";
doc = "document.all";
sty = ".style"; /*Schreibweise beim MS Explorer: doc+sty.xxx => document.all.style */
}
if (navigator.appName=="Netscape")
{
browser="n";
doc = "document";
sty = ""; /*Schreibweise beim Netscape: doc+sty => document.xxx */
}
if (navigator.appVersion.substring(0,1)<"4")
{
document.write("<br><br><center>Es wäre Zeit einen Browser der Generation 4.0 oder höher zu installieren !!!!");
document.close();
}
}
function sichtbar(a){
layer_vis = eval(doc + '["layer"+a]' + sty); /* layer(Name als Parameter) als Objekt "layer_vis" erzeugen ( z.B lyr1) */
layer_vis.visibility= "visible"; /*Metode visibility für Objekt "layer_vis" anwenden */
}
function unsichtbar(a){
lyr_vis = eval(doc + '["layer"+a]' + sty); /* layer(Name als Parameter) als Objekt "lyr_vis" erzeugen ( z.B lyr1) */
lyr_vis.visibility= "hidden"; /*Metode visibility für Objekt "lyr_vis" anwenden */
}
</SCRIPT>
</HEAD>
<BODY background="" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLL="yes" onLoad="browserabfrage()">
</DIV>
<DIV ID="layer2" STYLE="position: absolute; left: 233; top: 13; index: 12; visibility: hidden; width: 152; height: 89">
<b><IMG NAME="adresse" SRC="grafik/adresse.jpg" width="164" height="65" BORDER="0">
</font>
</DIV>
<DIV ID="logo" STYLE="position: absolute; left: 10; top: 5; index: 34; visibility: visible; width: 67; height: 79">
<b><a HREF="JavaScript://" onMouseOver="sichtbar(2)" onMouseOut="unsichtbar(2)" ;>
<IMG NAME="logo" SRC="grafik/logo.jpg" width="186" height="86" BORDER="0"> </a></b>
</DIV>
<DIV ID="linie1" STYLE="position: absolute; left: -65px; top:96px; index: 34; visibility: visible;">
<b><IMG NAME="linie" SRC="grafik/linie2.jpg" width="184" height="338" BORDER="0">
</font>
</DIV>
<DIV ID="linie2" STYLE="position: absolute; left: 270px; top:96px; index-1: 34; visibility: visible;">
<b><IMG NAME="linie" SRC="grafik/linie2.gif" width="130" height="350" BORDER="0">
</font>
</DIV>
<DIV ID="linie3" STYLE="position: absolute; left: 510px; top:93px; index-2: 34; visibility: visible;">
<b><IMG NAME="linie" SRC="grafik/linie2.gif" width="130" height="350" BORDER="0">
</font>
</DIV>
<DIV ID="s-linie" STYLE="position: absolute; left: 0px; top:120px; index-3: 34; visibility: visible;">
<b><IMG NAME="linie" SRC="grafik/s-linie.jpg" width="780" height="4" BORDER="0">
</font>
</DIV>
<DIV ID="ueber-uns-titel-titel" STYLE="position: absolute; left: 610px; top:108px; index: 34; visibility: visible;">
<b><IMG NAME="titel" SRC="grafik/ueber-uns-titel.jpg" width="139" height="20" BORDER="0">
</font>
</DIV>
<DIV ID="aktion-titel" STYLE="position: absolute; left: 153px; top:112px; index: 34; visibility: visible;">
<b><IMG NAME="titel" SRC="grafik/aktion-titel.jpg" width="104" height="16" BORDER="0">
</font>
</DIV>
<DIV ID="produkte-titel" STYLE="position: absolute; left: 370px; top:112px; index: 34; visibility: visible;">
<b><IMG NAME="titel" SRC="grafik/produ-titel.jpg" width="147" height="16" BORDER="0">
</font>
</DIV>
<DIV ID="produkte" STYLE="position: absolute; left: 345px; top:150px; index: 34; visibility: visible;">
<a href="produkte.htm"><IMG NAME="grafiken" SRC="grafik/produkte.jpg" BORDER="0">
</a>
</font>
</DIV>
<DIV ID="ueber-uns" STYLE="position: absolute; left: 588px; top:152px; index: 34; visibility: visible;">
<a href="ueber-uns.htm"><IMG NAME="grafik" SRC="grafik/ueber-uns.jpg" width="180" height="129" BORDER="0">
</a>
</font>
</DIV>
</body>
</html>
=======================================================================
Ich danke euch jetzt schon im vorraus.