nicht angemeldet
problem mit layern?
Hallo Leute
Wenn ich Grafiken und Text mit Layern positioniere und ich im browser die Schrift Größe verändere verschieben sich die Layer.
Was kann ich da machen, dass sie immer an der positionierte stelle bleiben.
HIER EIN BEISPIEL MEINES QUELLTEXTES.
------------------------------------------------------------------
<html>
<head>
<title>layer</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>