• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ebene fest positionieren

Hi,

ich habe deinen Beitrag / Frage gefunden.
Ich arbeite mit GoLive CS.
Ich habe das gleiche Problem.
Im "GoLive-Forum" habe ich zwar einen QuellCode bekommen, aber ich kann
die Lösung des Problems mit dem Programm GL nicht nachbauen.
Ferner verhält sich der IE 6.0 anders als IE 5 und 5.5 bzw. Firefox.
Der IE 6.0 kann anscheind keine 2 Ebenen übereinander fixieren.
Du hast viele Vorschläge bekommen auf deine Frage. - Ein großes Gewusel.
Kannst Du mir die Essenz aus den ganzen Antworten mitteilen ?
Funktioniert die Lösung auch beim IE 6. 0 ??

Gruss
Klaus 183
 
Hi dkdenz,
danke das du schon geantwortet hast.

Als ich das mit den Ebenen gemacht hatte, hatte ich die PAge nur im IE gestestet.
Leider fiel mir erst später auf, das das mit den Ebenen im Firefox gar nicht funktioniert. Die Bilder werden dort gar nicht angezeigt,- was natürlich ganz schlecht ist.

Weißt du da auch Rat?
Siehe: hier unter: Vielleicht interessieren Sie auch diese Strickanleitungen: .....
Danke
Apoplexy
 
Ich weiß jetzt gar nicht mehr, um was es ging... :sleep:
Sind da jetzt Bilder?
Wo genau?
Ich habe keinen IE installiert...
 
Klar... dann sieht du keine ;-)

Im IE siehts so aus:

ebene.jpg


Ciao
Apoplexy

--------------EDIT:-------------------

Die links auf der Rechten sind wie Hovers gemacht, und die Bilder wechseln im IE beim Drüberfahren(über den Text,-zumindestens im iE ;-( ).
 
Zuletzt bearbeitet:
Hi dkdenz,
Hi apoplexy,

...seltsam... beim Firefox werden alle Ebenen (bei meiner Testseite) fixiert; bei versch. Auflösungen !
Beim IE 6.0 (Betonung 6.0 ) verrutschen einige Ebenen ; dh. die Ebenen verrutschen ja nicht, sondern die darunter liegende Ebene.
IE 5.0 u. 5.5 klappt auch.
Du schreibst, du hättest gar keinen IE installiert ....! ?????
Teste es doch erst mal damit....
Nicht nur ich testen alle Sites vorher mit verschiedenen Browsern.

Leider kennt sich anscheinend keiner mit GoLive CS aus, so daß ich wohl weiter suchen muß !? :-(
Gruss
Klaus183
 
Zuletzt bearbeitet:
klaus183 schrieb:
Hi dkdenz,
Hi apoplexy,

...seltsam... beim Firefox werden alle Ebenen (bei meiner Testseite) fixiert; bei versch. Auflösungen !
Beim IE 6.0 (Betonung 6.0 ) verrutschen einige Ebenen ; dh. die Ebenen verrutschen ja nicht, sondern die darunter liegende Ebene.
IE 5.0 u. 5.5 klappt auch.
Du schreibst, du hättest gar keinen IE installiert ....! ?????
Teste es doch erst mal damit....
Nicht nur ich testen alle Sites vorher mit verschiedenen Browsern.

Leider kennt sich anscheinend keiner mit GoLive CS aus, so daß ich wohl weiter suchen muß !? :-(
Gruss
Klaus183
Zum Vergrößern anklicken....

A) Ich steige nicht auf Linux um, um mir so eine Virenschleuder wie den IE wieder zu verpassen. Meine Seiten teste ich sehr wohl auf dem IE (+6 andere Browser), aber Offline auf einem Rechner der nicht in's Internet darf.

B)GoLive ist nicht schlecht um mal auf die Schnelle eine Site zusammenzukloppen. Dann wäre es aber ratsam, wenn man sich den Quelltext nochmals zu Gemüte führt und ihn von Hand optimiert.
 
Hallo leixe,

wie ich sehe, hattest Du das gleiche Problem (Ebenen bei versch. Auflösungen)
und arbeitest zudem mit GoLive ( CS ?! ).
Da ich bis jetzt ausschließlich "abstrakte" QuellCodes -wenn überhaupt ! - als Lösung bekommen habe,
ist meine Hoffnung, daß Du dein Problem via GoLive (Einstellungen übers Programm zB. CSS-Editor etc) gelöst hast.
Könntest Du mir mit einigen nachvollziehbaren Tipps weiterhelfen ?
Dank vorab !
Gruss
Klaus
 
Ich weiß jetzt gar nicht mehr, um was es ging...
Sind da jetzt Bilder?
Wo genau?
Ich habe keinen IE installiert...
Zum Vergrößern anklicken....


Hi,
so sieht der Code aus... ist natürlich nicht gerade perfekt( ich bin auch gerade dabei die Page neu zumachen, mit einer externen CSS und Containern,- aber da hänge ich gerade auch fest :confused: ). Aber bei dem hier wüßte ich nicht, wie ich es anders machen kann, damit die Bilder beim Hover Effekt erscheinen...
Gruß,
Apoplexy

PHP: 
  <p><table width="600" border="0">
     <tr>
      <th colspan="2"><p><font color="#FFFFFF" size="3" face="Verdana, Verdana, Helvetica, sans-serif"><strong>Vielleicht 
          interessieren Sie auch diese Strickanleitungen: </strong></font></p>
        <p>  </p></th>
 </tr>
 <tr>
  <th rowspan="8" width="200">
  <div id="hoverbild"> 
          <img src="http://www.apoplexy.de/Eierwaermer_Shop/bild9.jpg" style="position:absolute; width:200px; height:113px; margin-left:-50%; margin-top:-37%;">     </div>
	<div id="Layer1" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild1.jpg" width="200" height="113"  id="bild1" style="visibility:hidden">          </div>
          <div id="Layer2" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild2.jpg" width="200" height="113"  id="bild2" style="visibility:hidden">           </div>
            <div id="Layer3" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild3.jpg" width="200" height="113"  id="bild3" style="visibility:hidden">           </div>
              <div id="Layer4" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild4.jpg" width="200" height="113"  id="bild4" style="visibility:hidden">            </div>
               <div id="Layer5" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild6.jpg" width="200" height="113"  id="bild6" style="visibility:hidden">            </div>
                  <div id="Layer6" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild5.jpg" width="200" height="113"  id="bild5" style="visibility:hidden">            </div>
                     <div id="Layer7" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild8.jpg" width="200" height="113"  id="bild8" style="visibility:hidden">            </div>
                       <div id="Layer8" style="position:absolute; width:200px; height:113px; z-index:1; margin-left:-50%; margin-top:-37%;"><img src="http://www.apoplexy.de/Eierwaermer_Shop/bild7.jpg" width="200" height="113"  id="bild7" style="visibility:hidden">            </div>
 
</th>
        
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/schal_stricken/strickanleitung_schal.htm" title="Strickhilfe für einen Schal" onmouseover="document.getElementById('bild1').style.visibility='visible'"; onmouseout="document.getElementById('bild1').style.visibility='hidden'";><font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Wie 
            stricke ich einen Schal/ Schalmuster</font></a><br>
          </li>
        </ul></td>
 </tr>
    <tr> 
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/stricklehrgang/stricklehrgang.htm" title="Strickkurs" onmouseover="document.getElementById('bild2').style.visibility='visible'"; onmouseout="document.getElementById('bild2').style.visibility='hidden'";> 
            <font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Stricklehrgang/ 
            Die Grundtechniken</font></a> <br>
                     </li>
        </ul></td>
  </tr>
    <tr> 
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/osterkarte/selbstgebastelte_oster_grusskarte.htm" title="Designvorlage für eine Ostern- Grußkarte" onmouseover="document.getElementById('bild3').style.visibility='visible'"; onmouseout="document.getElementById('bild3').style.visibility='hidden'";><font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Grußkarten 
            Bastelanleitung</font></a><br>
          </li>
        </ul></td>
  </tr>
    <tr> 
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/tuschebild/graphisches_bild_grusskarte.htm" title="Designvorlage für ein grafisches Tuschebild" onmouseover="document.getElementById('bild4').style.visibility='visible'"; onmouseout="document.getElementById('bild4').style.visibility='hidden'";><font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Grafisches 
            Tuschebild</font></a></li>
        </ul></td>
  </tr>
    <tr> 
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/Strickanleitung/strickanleitung_nikolausmuetze.htm" title="Strickanleitung Eierwärmer" onmouseover="document.getElementById('bild6').style.visibility='visible'"; onmouseout="document.getElementById('bild6').style.visibility='hidden'";><font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Eierwärmer Nikolausmütze 
            </font></a></li>
        </ul></td>
  </tr>
    <tr> 
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/strickanleitung_teufelsmuetze/strickanleitung_babymuetze.htm" title="Strickanleitung für Babykleidung" onmouseover="document.getElementById('bild5').style.visibility='visible'"; onmouseout="document.getElementById('bild5').style.visibility='hidden'";><font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Strickanleitung Erstlingsmütze </font></a></li>
        </ul></td>
  </tr>

 <tr> 
      <td width="458"><ul>
         <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/strickanleitung_pluesch_cape/strickanleitung_pluesch_cape.htm" title="Strickanleitung für ein Cape aus Brazilia" onmouseover="document.getElementById('bild8').style.visibility='visible'"; onmouseout="document.getElementById('bild8').style.visibility='hidden'";><font size="2" face="Verdana, Verdana, Helvetica, sans-serif">Strickanleitung für ein Plüsch Cape</font></a></li>
        </ul></td>
  </tr>

<tr> 
      <td width="458"><ul>
          <li><a href="http://www.apoplexy.de/Eierwaermer_Shop/strickanleitung_maikaefer/strickanleitung_marienkaefer.htm" title="Häkelanleitung für ein Nadelkissen" onmouseover="document.getElementById('bild7').style.visibility='visible'"; onmouseout="document.getElementById('bild7').style.visibility='hidden'";><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Häkelanleitung für einen Marienkäfer</font></a></li>
        </ul></td>

</tr>
  </table>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben