Hajo, ich hab folgenden Code
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http&#58;//www.w3.org/TR/html4/strict.dtd">
<html><head>
<META NAME="DESCRIPTION" CONTENT="XXXXXXXXXXXXXXXXXXXXXXXXXXXX">
<META NAME="KEYWORDS" CONTENT="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX">

<style type="text/css">
#scroller &#123;width&#58;220px; height&#58;160px; position&#58;relative;padding&#58;5px 20px; background&#58;#ffffe0; float&#58;left;&#125; /*background&#58;#ffffe0;*/
#scroller b#thumbs &#123;background&#58;#ffffff; display&#58;block; width&#58;220px; height&#58;120px; overflow&#58;auto; float&#58;right; margin-top&#58;175px; border&#58;1px solid #ccc; border-width&#58;4px 4px 4px 4px; padding&#58;0;&#125;
#scroller b#thumbs a &#123;display&#58;block; float&#58;left; margin&#58;3px 10px 1px 3px; background&#58;#f8f8ff; width&#58;50px; height&#58;50px; border&#58;1px solid #000;&#125;
#scroller b#thumbs a img &#123;width&#58;50px; height&#58;50px; border&#58;0;&#125;

#scroller b#thumbs a&#58;hover &#123;border&#58;1px dotted #ccc; background&#58;#fff;&#125;
#scroller b#thumbs a&#58;active, #scroller b#thumbs a&#58;focus &#123;border&#58;1px solid #fff; background&#58;#fff; outline&#58;0;&#125;
#scroller b#thumbs a&#58;hover img &#123;display&#58;block; position&#58;absolute; background&#58;#aaa; z-index&#58;100;&#125;
#scroller b#thumbs a&#58;active img, #scroller b#thumbs a&#58;focus img &#123;display&#58;block; position&#58;absolute; background&#58;#aaa; z-index&#58;100;&#125;

#scroller b#thumbs a&#58;hover img.hr &#123;width&#58;200px; height&#58;150px; left&#58;23px; top&#58;7px; border&#58;1px solid #333;&#125;
#scroller b#thumbs a&#58;hover img.vt &#123;width&#58;120px; height&#58;160px; left&#58;65px; top&#58;7px; border&#58;1px solid #333;&#125;

#scroller b#thumbs a&#58;active img.hr, #scroller b#thumbs a&#58;focus img.hr &#123;width&#58;640px; height&#58;480px; left&#58;260px; top&#58;-82px; border&#58;1px solid #333;&#125;
#scroller b#thumbs a&#58;active img.vt, #scroller b#thumbs a&#58;focus img.vt &#123;width&#58;416.25px; height&#58;555px; left&#58;365px; top&#58;-82px; border&#58;1px solid #333;&#125;

</style><!--&#91;if IE&#93;>
<style type="text/css">
#scroller &#123;width&#58;220px; height&#58;160px; position&#58;relative;padding&#58;5px 20px; background&#58;#ffffe0; float&#58;left;&#125; /*background&#58;#ffffe0;*/
#scroller b#thumbs &#123;background&#58;#ffffff; display&#58;block; width&#58;220px; height&#58;120px; overflow&#58;auto; float&#58;right; margin-top&#58;175px; border&#58;1px solid #ccc; border-width&#58;4px 4px 4px 4px; padding&#58;0;&#125;
#scroller b#thumbs a &#123;display&#58;block; float&#58;left; margin&#58;3px 10px 10px 3px; background&#58;#f8f8ff; width&#58;50px; height&#58;50px; border&#58;1px solid #000;&#125;
#scroller b#thumbs a img &#123;width&#58;50px; height&#58;50px; border&#58;0;&#125;

#scroller b#thumbs a&#58;hover &#123;border&#58;1px dotted #ccc; background&#58;#fff url&#40;click_on.gif&#41;;&#125;
#scroller b#thumbs a&#58;active, #scroller b#thumbs a&#58;focus &#123;border&#58;1px solid #fff; background&#58;#fff; outline&#58;0;&#125;
#scroller b#thumbs a&#58;hover img &#123;display&#58;block; position&#58;absolute; background&#58;#aaa; z-index&#58;500;&#125;
#scroller b#thumbs a&#58;active img, #scroller b#thumbs a&#58;focus img &#123;display&#58;block; position&#58;absolute; background&#58;#aaa; z-index&#58;100;&#125;

#scroller b#thumbs a&#58;hover img.hr &#123;width&#58;200px; height&#58;150px; left&#58;32px; top&#58;7px; border&#58;1px solid #333;&#125;
#scroller b#thumbs a&#58;hover img.vt &#123;width&#58;120px; height&#58;160px; left&#58;65px; top&#58;7px; border&#58;1px solid #333;&#125;

#scroller b#thumbs a&#58;active img.hr, #scroller b#thumbs a&#58;focus img.hr &#123;width&#58;640px; height&#58;480px; left&#58;260px; top&#58;-84px; border&#58;1px solid #333;&#125;
#scroller b#thumbs a&#58;active img.vt, #scroller b#thumbs a&#58;focus img.vt &#123;width&#58;393.75px; height&#58;525px; left&#58;375px; top&#58;-83px; border&#58;1px solid #333;&#125;

#scroller  b &#123;
scrollbar-arrow-color&#58; #333;
scrollbar-3dlight-color&#58; #bbb;
scrollbar-highlight-color&#58; #eee;
scrollbar-face-color&#58; #bbb;
scrollbar-shadow-color&#58; #eee;
scrollbar-darkshadow-color&#58; #bbb;
scrollbar-track-color&#58; #fff;
&#125;
</style>
<!&#91;endif&#93;-->
<style type="text/css">
  body &#123;
    color&#58; black; background-color&#58; white;
    font-size&#58; 100.01%;
    font-family&#58; Helvetica,Arial,sans-serif;
    margin&#58; 0; padding&#58; 2em 0;
    text-align&#58; center;  /* Zentrierung im Internet Explorer */
  &#125;

  	div#Seite &#123;
    text-align&#58; left;    /* Seiteninhalt wieder links ausrichten */
    margin&#58; 0 auto;      /* standardkonforme horizontale Zentrierung */
    width&#58; 900px;
    padding&#58; 0;
    background&#58; #ffffe0;
    border&#58; 2px ridge silver;
  &#125;
 
  div#titel &#123;
    font-size&#58; 1.5em;
    margin&#58; 0; padding&#58; 0.7em;
    text-align&#58; center;
    background-color&#58;#FF9933;
    border-bottom&#58; 1px solid silver;
  &#125;

  div#Inhalt &#123;
  	float&#58;left;
  	width&#58; 65%;
    margin&#58; 0 0 1em 0;
    padding&#58; 0 0;
  &#125;
  * html div#Inhalt &#123;
    height&#58; 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom&#58; 0;
  &#125;
  div#Inhalt h2 &#123;
    font-size&#58; 1.2em;
    margin&#58; 0.2em 0;
    color&#58; navy;
  &#125;
  div#Inhalt p &#123;
    font-size&#58; 1em;
    margin&#58; 1em 0;
  &#125;
  p#Fusszeile &#123;
  	height&#58; 65px;
    clear&#58; both;
    font-size&#58; 0.83em;
    margin&#58; 0; padding&#58; 0.1em;
    text-align&#58; center;
    background-color&#58; #FF9933;
    border-top&#58; 2px ridge silver;
  &#125;
  
</style></head><body>



[img]http&#58;//img175.imageshack.us/img175/135/bild1to1.jpg[/img]
<div id="Seite">
<div id="titel">
 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>



  <div id="scroller" ><span></span> <b id="thumbs"> [img]http&#58;//img175.imageshack.us/img175/135/bild1to1.jpg[/img] 
    <font size="1">Zur Vergrößerung einfach über ein Bild fahren. Beim 
    anklicken eines der kleinen Bilder öffnet sich eine XXL-Ansicht, die sie mit 
    einem Klick außerhalb des Bildes wieder schließen können</font> [/b]</div>
  <div id="Inhalt">
    <h2><center>XXXXXXXXXXXXXXXXX</center></h2>
	

    

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    

XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
	

	

<center>XXXXXXXXXXXXXXXXXXX</center></p>
  </div>
  <p id="Fusszeile">
XXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>

</body></html>
SO wenn ich das lokal teste sieht das 2mal toll aus mit FireFox und mit IE....
Wenn ich das aber hochlade is das vergrößerte Bild bei IE in dem kleinen Kasten und nich außerhalb, sieht scheiße aus und ich bekomms einfach nich weg. Kann mir einer helfen, wäre echt nett...
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!