René Kirchhoff: Hilfe! Fixed funktion verändert meinen Aufbau unter IE6

Beim IE7 wird das Bild welches sich groß öffnet wenn mann sich über der Vorschau befindet richtig in der Mitte der Webseite angezeigt und srollt auch nicht mit (so wie ich es haben will), beim IE6 baut der mir das große bild aber einfach unter das kleine. Wie kann die Fixed Funktion auch im IE5+6 richtig dargestellt werden? oder eine 2. Alternative: statt Fixed einfach Absolute zu nehmen aber nur wenn der IE5+6 vom user verwendet werden.

Hier mal mein HTML-Text:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Infobox</title>
<style type="text/css">
<!--
#box {margin:0px 0 0 0px;}

#box a {
color:#ffffff;
background:#b3b06c;
font:bold 16px arial;
text-decoration:none;
display:block;
padding:0px;
border:0px solid black;}

#box a:hover {
color:black;
background:#ddd8b7;}

#box a span {display:none;}

#box a:hover span {
position:Fixed; top:200px; right:250px;z-index:3;
display:block;
width:300px;
color:black;
background:#ffffff;
font:normal 16px arial;
border-style: solid;
border-width:8px;
border-color:cyan blue;
padding:16px;}
-->
</style>
</head>
<body>

<table>
<tr>

<td>
<div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170">
<span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div>
</td>

<td>
<div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170">
<span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div>
</td>

<td>
<div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170">
<span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div>
</td>

<td>
<div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170">
<span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div>
</td>

</tr>
</table>

</body>
</html>

Das Ganze Soll mal eine Bildergalerie werden (mit verschiedenen Bildern :-)

Vorab schon mal Vielen Dank für eure Hilfe...

  1. Hellihello,

    2. Alternative: statt Fixed einfach Absolute zu nehmen aber nur wenn der IE5+6 vom user verwendet werden.

    Stichwort: "conditional comments" - ist bei MS erklärt, einfach mal googlen

    frankx

    1. Hi Frank,

      Danke für die schnelle Antwort bin bei Google fündig gewurden.

      <!--[if IE 5]>
      Hier der HTML Code, der für den IE vorgesehen ist.
      <![endif]-->

      wo in meinem HTML-Text müßte ich das aber unter bringen? einfach um das "Fixed" bzw. "Absolute" herum?

      Hast du auch für die ander Möglichkeit (aus der ersten Nachricht) einen Vorschlag?

      Danke Gruß René

      1. Hellihello René,

          
        <!--[if IE LTE 6]>  
        <style>  
        body {position:relative}  
        </style>  
        <!-- oder externes Stylesheet einbinden-->  
        <![endif]-->  
        
        

        In dem kleinen Horizont meiner Erinnerung sehe ich nur: das ist ein (oder sogar "der) gängiger Weg. "Fixed" crashed die styeles im IE. Ich hatte mal was, da hat er dann die Rahmen der Divs nicht angzeigt oder so.

        Du solltest dazu auch massig Beispiele finden, mit "fixed" "ie" und "conditional comments" bei google oder hier im Forum bzw. bei SelfHTML

        frankx

      2. Ich komme einfach nicht weiter...Ich hab jetzt mit der weiche herum experimentiert und es Funktioniert nicht richtig, Wo ist mein Fehler???

        Wie bereits gesagt: beim IE7 soll das Bild beim srollen stehen bleiben.

        hier noch ma der Text:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"         "http://www.w3.org/TR/html4/strict.dtd"> <html lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Infobox</title> <style type="text/css">

        <!--[if IE GT 6]> #box {margin:0px 0 0 0px;}

        #box a { color:#ffffff; background:#b3b06c; font:bold 16px arial; text-decoration:none; display:block; padding:0px; border:0px solid black;}

        #box a:hover { color:black; background:#ddd8b7;}

        #box a span {display:none;}

        #box a:hover span { position:Fixed; top:200px; right:250px;z-index:3; display:block; width:300px; color:black; background:#ffffff; font:normal 16px arial; border-style: solid; border-width:8px; border-color:cyan blue; padding:16px;} <![endif]-->

        <!--[if IE LTE 6]> #box {margin:0px 0 0 0px;}

        #box a { color:#ffffff; background:#b3b06c; font:bold 16px arial; text-decoration:none; display:block; padding:0px; border:0px solid black;}

        #box a:hover { color:black; background:#ddd8b7;}

        #box a span {display:none;}

        #box a:hover span { position:absolute; top:200px; right:250px;z-index:3; display:block; width:300px; color:black; background:#ffffff; font:normal 16px arial; border-style: solid; border-width:8px; border-color:cyan blue; padding:16px;} <![endif]-->

        </style> </head> <body>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        <table> <tr>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

        </tr> </table>

        </body> </html>

        Bitte helft mir danke...

        1. Hallo!

          Mit CSS ist dieses Problem nicht zu lösen. Also bleibt dir nur noch JavaScript. Suche dir ein Script aus dem Netz oder schreib dir selber eins.

          ciao, ww

        2. Hellihello,

          darf "fixed" groß geschrieben werden?

          frankx

          1. Hellihello,

            darf "fixed" groß geschrieben werden?

            frankx

            Ja, bei mir schon. Zumindest ist bei mir im IE 7 die Funktion immer die selbe egal ob groß oder klein geschrieben.

            Habs inzwischen soweit hinbekommen mit den conditional comments das meine Funktionen auf IE bestens funktionieren. Nur fehlt mir noch eine Passage die der IE nicht lesen kann, für alle anderen User ohne IE. Das Problem war halt auch, dass sobald ich ein conditional comments ausgelagert habe (css-Datei), ist die Bildanzeige immer nur noch oben und nicht mehr in der Reihe wo man sich gerade mit der Maus befindet (nur IE 6 und abwärts) -> ist halt doof wenn man weit unten ist, und das eingeblendete Bild oben bereits wieder ausgeblendet wird.) Fazit: bis jetzt bin ich erstmal nur IE fähig :-)

            hier noch mal der aktuelle Text:

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"         "http://www.w3.org/TR/html4/strict.dtd"> <html lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Infobox</title> <!--[if lt IE 7]>

            <style type="text/css">

            #box {margin:0px 0 0 0px;}

            #box a { color:#ffffff; background:#b3b06c; font:bold 16px arial; text-decoration:none; display:block; padding:0px; border:0px solid black;}

            #box a:hover { color:black; background:#ddd8b7;}

            #box a span {display:none;}

            #box a:hover span { position: absolute; right:150px; z-index:3; display:block; width:300px; color:black; background:#ffffff; font:normal 16px arial; border-style: solid; border-width:8px; border-color:cyan blue; padding:16px;} -->

            </style> <![endif]-->

            <!--[if gt IE 6]>

            <style type="text/css">

            #box {margin:0px 0 0 0px;}

            #box a { color:#ffffff; background:#b3b06c; font:bold 16px arial; text-decoration:none; display:block; padding:0px; border:0px solid black;}

            #box a:hover { color:black; background:#ddd8b7;}

            #box a span {display:none;}

            #box a:hover span { position: Fixed; top: 200px; right:150px; z-index:3; display:block; width:300px; color:black; background:#ffffff; font:normal 16px arial; border-style: solid; border-width:8px; border-color:cyan blue; padding:16px;} -->

            </style> <![endif]-->

            </style> </head> <body>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            <table> <tr>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            <td> <div id="box"><a href="#"><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg" width="170"> <span><img src="http://www.clever-travel-shop.de/toys_fashion_more/ebay_mich_seite/db_BMW%20AC%20Schnitzer%20silber%20001.jpg"></span></a></div> </td>

            </tr> </table>

            </body> </html>

            Für einen Tip bin ich weiterhin dankbar... (bitte keine Java-Vorschläge...Danke)

            MfG René

            1. Hellihello René,

              Das Problem war halt auch, dass sobald ich ein conditional comments ausgelagert habe (css-Datei), ist die Bildanzeige immer nur noch oben und nicht mehr in der Reihe wo man sich gerade mit der Maus befindet

              Das kann eigentlich nicht sein, dann hast Dus wohl falsch eingebaut.

              hier noch mal der aktuelle Text:

              Teste es mit einer kurze Passage, die nur das enthält, was Du nicht hinbekommst. Alles andere bleibt erstmal weg. Dann ist es hilfreich, das Forums-Syntax-Highlighting zu nutzen.

                
              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
                      "http://www.w3.org/TR/html4/strict.dtd">  
              <html lang="de"><head>  
                
              <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
              <title>Infobox</title>  
              <!--[if lt IE 7]>  
              <link type="text/css">  
                
              <!-- etc pp-->  
              
              
                
              #box a:hover span {  
               position: fixed; top: 200px; right:150px; z-index:3;  
               display:block;  
               width:300px;  
              }  
              
              

              gruß,

              frankx