Ebene

[majakowsky]

Hallo,
ich habe in meiner Website mit FP2003 eine Ebene mir einem Bild hinter eine Tabelle gelegt. Im IE und Opera wird die Ebene korrekt angezeigt im neuen Firefox und Netscape überhaupt nicht.

<div style="position: absolute; width: 226px; height: 181px; left: 291px; top: 262px; z-index: -1" id="Hunger_selbst">
   <img border="0" src="kuenstler/Hunger/bilder_hunger/er_selbst.jpg" width="262" height="265"></div>

Wer kann helfen? Im Voraus bereits vielen Dank!

Mfg.
Majakowsky

[rob]

Hi!

Im IE und Opera wird die Ebene korrekt angezeigt im neuen Firefox und Netscape überhaupt nicht.

Hast du den Quellcode deiner Seite (HTML und CSS) mal validieren lassen?
Da sind keinerlei Fehler drin?

<div style="position: absolute; width: 226px; height: 181px; left: 291px; top: 262px; z-index: -1" id="Hunger_selbst">
   <img border="0" src="kuenstler/Hunger/bilder_hunger/er_selbst.jpg" width="262" height="265"></div>

Sieht OK aus.
Da ist kein Fehler. Jedenfalls keiner, der was mit deiner Frage zu tun hat.
Ich frage mich allerdings, warum du dort inline-Styles einsetzt, wo du deinem Div doch ohnehin schon eine ID verpasst hast, über die du es in einem ausgelagertem Stylesheet ansprechen könntest.

Verlink doch mal deine Site, so daß man sich das mal anschauen kann.
Sicherlich wird das Problem dann schnell entdeckt.

BTW: Der Fehler in deinem Code ist, das fehlende alt-Attribut im Imagetag.
Das ist zwingend erforderlich. Du darfst es leer lassen, aber nicht weglassen.

Schöner Gruß,
rob

[majakowsky]

Hi!

Im IE und Opera wird die Ebene korrekt angezeigt im neuen Firefox und Netscape überhaupt nicht.
Hast du den Quellcode deiner Seite (HTML und CSS) mal validieren lassen?
Da sind keinerlei Fehler drin?

<div style="position: absolute; width: 226px; height: 181px; left: 291px; top: 262px; z-index: -1" id="Hunger_selbst">
   <img border="0" src="kuenstler/Hunger/bilder_hunger/er_selbst.jpg" width="262" height="265"></div>
Sieht OK aus.
Da ist kein Fehler. Jedenfalls keiner, der was mit deiner Frage zu tun hat.
Ich frage mich allerdings, warum du dort inline-Styles einsetzt, wo du deinem Div doch ohnehin schon eine ID verpasst hast, über die du es in einem ausgelagertem Stylesheet ansprechen könntest.

Verlink doch mal deine Site, so daß man sich das mal anschauen kann.
Sicherlich wird das Problem dann schnell entdeckt.

BTW: Der Fehler in deinem Code ist, das fehlende alt-Attribut im Imagetag.
Das ist zwingend erforderlich. Du darfst es leer lassen, aber nicht weglassen.

Schöner Gruß,
rob

Hallo rob,

erst einmal vielen Dank für die Antwort. Ich habe also alt=" " eigesetzt leider ohne Resultat. Da ich die Seite noch nicht rausgestellt habe,schicke ich dir mal den gesamten Quelltext.

<td>
  <p align="center"><font face="Verdana" size="4" color="#FFFFFF">Der
  Künstler</font></p>
  <table border="0">
   <tr>
    <td>
    <p align="center"><b><font face="Verdana" size="2" color="#00FF00">Hunger, Konrad</font></b></td>
   </tr>
   <tr>
    <td>
    <p align="center"><font face="Verdana" size="1" color="#FFFFFF">
    Dipl. Bildhauer</font><p align="center">&nbsp;</td>
   </tr>
   <tr>
    <td>
    <a href="http://www.kunst-im-tal.de">
    <img border="0" id="img1" src="kuenstler/Hunger/button_hunger/buttonkunstlinie3.gif" height="20" width="115" alt="www.kunst-im-tal.de" fp-style="fp-btn: Simple Line 2; fp-font: Verdana; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #FF0000; fp-font-color-press: #00FFFF; fp-transparent: 1; fp-proportional: 0" fp-title="www.kunst-im-tal.de" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'kuenstler/Hunger/button_hunger/buttonkunst4.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'kuenstler/Hunger/button_hunger/buttonkunstlinie3.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'kuenstler/Hunger/button_hunger/buttonkunst5.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'kuenstler/Hunger/button_hunger/buttonkunst4.gif')"></a></td>
   </tr>
   <tr>
    <td>
    <a href="vorlage_kuenstler.htm">
    <img border="0" id="img2" src="kuenstler/Hunger/button_hunger/buttonzurueckC.gif" height="20" width="100" alt="zurück" fp-style="fp-btn: Simple Circle 2; fp-font: Verdana; fp-font-color-normal: #00FF00; fp-font-color-hover: #FF0000; fp-font-color-press: #00FFFF; fp-transparent: 1" fp-title="zurück" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'kuenstler/Hunger/button_hunger/buttonzurueckD.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'kuenstler/Hunger/button_hunger/buttonzurueckC.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'kuenstler/Hunger/button_hunger/buttonzurueckE.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'kuenstler/Hunger/button_hunger/buttonzurueckD.gif')"></a></td>
   </tr>
  </table>
  <div style="position: absolute; width: 226px; height: 181px; left: 291px; top: 262px; z-index: -1" id="Hunger_selbst">
   <img border="0" src="kuenstler/Hunger/bilder_hunger/er_selbst.jpg" alt="" width="262"  height="265"></div>
  <p>&nbsp;</td>
  <td align="center" rowspan="2">
  <table border="0">
   <tr>
    <td colspan="9" bgcolor="#800000">
    &nbsp;</td>
    <td width="4" rowspan="6" bgcolor="#FF0000">&nbsp;</td>
   </tr>
   <tr>
    <td rowspan="5" width="4" bgcolor="#C0C0C0">
    &nbsp;</td>
    <td>
    <a title=" " href="javascript:Foto('kuenstler/Hunger/bilder_hunger/100_0032_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/100_0032_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Hahnenkoenig_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Hahnenkoenig_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
   </tr>
   <tr>
    <td>
    &nbsp;</td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Balancejpg_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Balancejpg_t.jpg" width="80" height="80"></td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Pipa_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Pipa_t.jpg" width="80" height="80"></td>
    <td bordercolorlight="#FF9900" bordercolordark="#FF9900">
    &nbsp;</td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/GVersuch_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/GVersuch_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
   </tr>
   <tr>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Mephisto_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Mephisto_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
   </tr>
   <tr>
    <td>
    &nbsp;</td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/SIMG0483_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/SIMG0483_t.jpg" width="80" height="80"></td>
    <td>&nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/SIMG0487_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/SIMG0487_t.jpg" width="80" height="80"></td>
    <td>
    <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Mit_den_3_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Mit_den_3_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
   </tr>
   <tr>
    <td>
    &nbsp;</td>
    <td>
    <a title="Träumerin" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Traeumerin_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Traeumerin_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
    <td>
    <a title="Eierträgerin" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Eiertraegerin_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Eiertraegerin_t.jpg" width="80" height="80"></td>
    <td>
    <a title="Uhlig" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Uhlig_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Uhlig_t.jpg" width="80" height="80"></td>
    <td>
    &nbsp;</td>
    <td>
    &nbsp;</td>
    <td>
    <a title="Ambiguitaet" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Ambiguitaet_neu.jpg')">
    <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Ambiguitaet_t.jpg" width="80" height="80"></td>
   </tr>
   </table>
  <p>&nbsp;</p>
  <p>&nbsp;</td>
 </tr>
</table>

</body>

Leider bin ich im freien Schreiben HTML/CSS usw. immer noch ein Laie und beim Lernen.

Mfg.
Uwe

</html>S

[rob]

Hi!

erst einmal vielen Dank für die Antwort. Ich habe also alt=" " eigesetzt leider ohne Resultat.

Ja, logisch.
Das kann auch nichts mit deinem Problem zu tun haben.
War auch nur eine Randbemerkung, da mit dieser Fehler aufgefallen war.

Mich wundert es eigentlich gar nicht großartig, daß das nicht so funktioniert, wie du es gerne hättest.
Das Konzept ist sich ist schon recht schräg.

Außerdem hast du ganz gruseligen Code verbrochen.
Du setzt Font-Tags ein, was du nicht tun solltest und vermischst diese dann wild mit CSS.
Dann hast du dieses gruselige Tabellendesign.
Das solltest du alles per CSS machen.

Der gesamte Code steckt voller Fehler.

Du versuchst eine Ebene hinter deine Tabelle zu legen (welcher du keinen z-index zugewiesen hast und welche du nicht mit CSS positionierst).
Und wunderst dich, daß diese Tabelle irgendwie nicht durchsichtig ist, ja?

Ich würde dir raten, die gesamte Seite noch einmal neu und sauber strukturiert aufzubauen.
Und wenn du das nicht tun willst, dann würde ich wenigstens dazu raten, erst einmal alle Fehler zu korrigieren.
Solange eine Seite noch voller Fehler ist und die Browser raten müssen, was der Ersteller eigenltich meint, darf man sich nicht wundern, wenn in jedem Browser etwas anderes dabei rauskommt.

Du solltest damit anfangen, daß du dein Dokument erst einmal mit einer DTD-Angabe beginnst.
Und dann würde ich mit einem vernünftigem Charset arbeiten und nicht Windows-1252 benutzen.

fp-style="fp-btn: Simple Line 2;
fp-font: Verdana;
fp-font-size: 8;
fp-font-color-normal: #FFFFFF;
fp-font-color-hover: #FF0000;
fp-font-color-press: #00FFFF;
fp-transparent: 1;
fp-proportional: 0"
fp-title="www.kunst-im-tal.de"

Was in aller Welt ist das denn?
Nichts davon gibt es.

Und dann diese üblen JavaScripte und keine NoScript-Bereiche.
Was machen User, die kein JS nutzen bzw. nutzen können?

Wenn du die Fehler mit Hilfe des w3c-Validators beseitigt hast, dann kann man mal weiter sehen.

Schöner Gruß,
rob

[majakowsky]

Hallo rob,

hier nochmal der Quelltext (vollständig)

<html>

<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Hunger, Konrad</title> <script language="JavaScript"> <!-- function FP_preloadImgs() {//v1.0  var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();  for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; } }

function FP_swapImg() {//v1.0  var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;  n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;  elm.$src=elm.src; elm.src=args[n+1]; } } }

function FP_getObjectByID(id,o) {//v1.0  var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);  else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;  if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)  for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }  f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;  for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }  return null; } // --> </script>

<script language="JavaScript"> <!-- Begin function Foto(img){   foto1= new Image();   foto1.src=(img);   Controlla(img); } function Controlla(img){   if((foto1.width!=0)&&(foto1.height!=0)){     viewFoto(img);   }   else{     funzione="Controlla('"+img+"')";     intervallo=setTimeout(funzione,20);   } } function viewFoto(img){   largh=foto1.width+20;   altez=foto1.height+20;   stringa="width="+largh+",height="+altez;   finestra=window.open(img,"",stringa); } //  End -->  </script>

</head>

<body bgcolor="#006600" bottommargin="0" link="#00FF00" vlink="#FF0000" alink="#00FFFF" onload="FP_preloadImgs(/url/'kuenstler/Hunger/button_hunger/buttonkunst4.gif', /url/'kuenstler/Hunger/button_hunger/buttonkunst5.gif', /url/'kuenstler/Hunger/button_hunger/buttonzurueckD.gif', /url/'kuenstler/Hunger/button_hunger/buttonzurueckE.gif')">

<table border="0">  <tr>   <td colspan="2">   <p align="left">   <font face="Carolingia (BigfooT)" color="#FFFFFF" style="font-size: 50pt">   G</font><font face="Verdana" size="6" color="#FFFFFF">alerie - </font>   <font face="Carolingia (BigfooT)" size="7" color="#FFFFFF">L</font><font face="Verdana" size="6" color="#FFFFFF">aterne&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font></td>  </tr>  <tr>   <td>   <p align="center"><font face="Verdana" size="4" color="#FFFFFF">Der   Künstler</font></p>   <table border="0">    <tr>     <td>     <p align="center"><b><font face="Verdana" size="2" color="#00FF00">Hunger, Konrad</font></b></td>    </tr>    <tr>     <td>     <p align="center"><font face="Verdana" size="1" color="#FFFFFF">     Dipl. Bildhauer</font><p align="center">&nbsp;</td>    </tr>    <tr>     <td>     <a href="http://www.kunst-im-tal.de">     <img border="0" id="img1" src="kuenstler/Hunger/button_hunger/buttonkunstlinie3.gif" height="20" width="115" alt="www.kunst-im-tal.de" fp-style="fp-btn: Simple Line 2; fp-font: Verdana; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #FF0000; fp-font-color-press: #00FFFF; fp-transparent: 1; fp-proportional: 0" fp-title="www.kunst-im-tal.de" onmouseover="FP_swapImg(1,0,/id/'img1',/url/'kuenstler/Hunger/button_hunger/buttonkunst4.gif')" onmouseout="FP_swapImg(0,0,/id/'img1',/url/'kuenstler/Hunger/button_hunger/buttonkunstlinie3.gif')" onmousedown="FP_swapImg(1,0,/id/'img1',/url/'kuenstler/Hunger/button_hunger/buttonkunst5.gif')" onmouseup="FP_swapImg(0,0,/id/'img1',/url/'kuenstler/Hunger/button_hunger/buttonkunst4.gif')"></a></td>    </tr>    <tr>     <td>     <a href="vorlage_kuenstler.htm">     <img border="0" id="img2" src="kuenstler/Hunger/button_hunger/buttonzurueckC.gif" height="20" width="100" alt="zurück" fp-style="fp-btn: Simple Circle 2; fp-font: Verdana; fp-font-color-normal: #00FF00; fp-font-color-hover: #FF0000; fp-font-color-press: #00FFFF; fp-transparent: 1" fp-title="zurück" onmouseover="FP_swapImg(1,0,/id/'img2',/url/'kuenstler/Hunger/button_hunger/buttonzurueckD.gif')" onmouseout="FP_swapImg(0,0,/id/'img2',/url/'kuenstler/Hunger/button_hunger/buttonzurueckC.gif')" onmousedown="FP_swapImg(1,0,/id/'img2',/url/'kuenstler/Hunger/button_hunger/buttonzurueckE.gif')" onmouseup="FP_swapImg(0,0,/id/'img2',/url/'kuenstler/Hunger/button_hunger/buttonzurueckD.gif')"></a></td>    </tr>   </table>   <div style="position: absolute; width: 226px; height: 181px; left: 291px; top: 262px; z-index: -1" id="Hunger_selbst">    <img border="0" src="kuenstler/Hunger/bilder_hunger/er_selbst.jpg" alt=" " width="262"  height="265"></div>   <p>&nbsp;</td>   <td align="center" rowspan="2">   <table border="0">    <tr>     <td colspan="9" bgcolor="#800000">     &nbsp;</td>     <td width="4" rowspan="6" bgcolor="#FF0000">&nbsp;</td>    </tr>    <tr>     <td rowspan="5" width="4" bgcolor="#C0C0C0">     &nbsp;</td>     <td>     <a title=" " href="javascript:Foto('kuenstler/Hunger/bilder_hunger/100_0032_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/100_0032_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Hahnenkoenig_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Hahnenkoenig_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>    </tr>    <tr>     <td>     &nbsp;</td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Balancejpg_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Balancejpg_t.jpg" width="80" height="80"></td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Pipa_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Pipa_t.jpg" width="80" height="80"></td>     <td bordercolorlight="#FF9900" bordercolordark="#FF9900">     &nbsp;</td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/GVersuch_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/GVersuch_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>    </tr>    <tr>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Mephisto_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Mephisto_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>    </tr>    <tr>     <td>     &nbsp;</td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/SIMG0483_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/SIMG0483_t.jpg" width="80" height="80"></td>     <td>&nbsp;</td>     <td>     &nbsp;</td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/SIMG0487_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/SIMG0487_t.jpg" width="80" height="80"></td>     <td>     <a title="" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Mit_den_3_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Mit_den_3_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>    </tr>    <tr>     <td>     &nbsp;</td>     <td>     <a title="Träumerin" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Traeumerin_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Traeumerin_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>     <td>     <a title="Eierträgerin" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Eiertraegerin_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Eiertraegerin_t.jpg" width="80" height="80"></td>     <td>     <a title="Uhlig" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Uhlig_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Uhlig_t.jpg" width="80" height="80"></td>     <td>     &nbsp;</td>     <td>     &nbsp;</td>     <td>     <a title="Ambiguitaet" href="javascript:Foto('kuenstler/Hunger/bilder_hunger/Ambiguitaet_neu.jpg')">     <img border="0" src="kuenstler/Hunger/bilder_hunger/thumbnails/Ambiguitaet_t.jpg" width="80" height="80"></td>    </tr>    </table>   <p>&nbsp;</p>   <p>&nbsp;</td>  </tr> </table>

</body>

</html>

MfG. Uwe

[Detlef G.]

Hallo Majakowsky

<div style="position: absolute; width: 226px; height: 181px; left: 291px; top: 262px; z-index: -1" id="Hunger_selbst">
   <img border="0" src="kuenstler/Hunger/bilder_hunger/er_selbst.jpg" width="262" height="265"></div>

Wo soll sich z-index: -1; befinden? Hinter der Tabelle, hinter body, hinder html oder hinter deinem Monitor?

Negative Werte für z-index sind mit Vorsicht zu genießen. Besser ist es, den Elementen, die voe anderen angezeigt werden sollen, eine höheren Wert für z-index zu geben. Beachte, dass z-index nur bei positionierten Elementen wirkt.

Auf Wiederlesen
Detlef

[majakowsky]

Hallo Detlef,

der z-index: -1 soll sich hinter einer Tabelle befinden. Im IE und Opera wird die Ebene auch korrekt angezeigt. Da ich das erste Mal mit Ebenen arbeite, habe ich sie mit FP2003 erstellt. Leider habe ich im Net noch keine Url gefunden, in der ich etwas über das Arbeiten mit Ebenen nachlesen kann.

MfG.
majakowsky

[Detlef G.]

Hallo majakowsky

der z-index: -1 soll sich hinter einer Tabelle befinden. Im IE und Opera wird die Ebene auch korrekt angezeigt.

Ich kenne Frontpage nicht, gehe aber davon aus, dass der damit erzeugte Code im Zweifelsfall für IE passend ist und Opera neigt dazu, in bestimmten Fällen selbst Fehler des IE nachzuahmen.

Da ich das erste Mal mit Ebenen arbeite, habe ich sie mit FP2003 erstellt.

Was bezeichnest du als Ebenen, was Frontpage?
Verlasse dich nicht darauf, dass irgend ein Editor etwas automatisch richtig erzeugt, was du selbst nicht beherrschst.

Leider habe ich im Net noch keine Url gefunden, in der ich etwas über das Arbeiten mit Ebenen nachlesen kann.

Wie wäre es mit z-index (Schichtposition bei Überlappung)?

Wenn ich dein Ausgangsposting richtig verstanden habe, dann willst du lediglich ein Hintergrundbild für die Tabelle. Warum verwendest du dann kein Hintergrundbild?

Auf Wiederlesen
Detlef