dexter2000: firefox vs. IE

guten morgen zusammen,

ich habe mal wieder ein problem mit der kompatiblität zwischen firefox und IE.
folgende Seite wird im firefox einwandfrei angezeigt doch leider habe ich da die rechnung ohne
den IE gemacht

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
<head>  
    <title></title>  
    <link rel="STYLESHEET" type="text/css" href="von-uns.css">  
 <script src="dw_scrollObj.js" type="text/javascript"></script>  
 <script src="dw_hoverscroll.js" type="text/javascript"></script>  
 <script src="dw_event.js" type="text/javascript"></script>  
 <script src="dw_slidebar.js" type="text/javascript"></script>  
 <script src="dw_scroll_aux.js" type="text/javascript"></script>  
    <script type="text/javascript">  
 /*************************************************************************  
 This code is from Dynamic Web Coding at www.dyn-web.com  
 Copyright 2001-4 by Sharon Paine  
 See Terms of Use at www.dyn-web.com/bus/terms.html  
 regarding conditions under which you may use this code.  
 This notice must be retained in the code as is!  
 *************************************************************************/  
function initScrollLayer() {  
  // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll,  
  // if horizontal scrolling, id of element containing scrolling content (table?)  
  var wndo = new dw_scrollObj('wn', 'lyr1');  
  
  // bSizeDragBar set true by default (explained at www.dyn-web.com/dhtml/scroll/ )  
  // wndo.bSizeDragBar = false;  
  
  // arguments: dragBar id, track id, axis ("v" or "h"), x offset, y offset  
  // (x/y offsets of dragBar in track)  
  wndo.setUpScrollbar("dragBar", "track", "v", 1, 1);  
  
  // pass id('s) of scroll area(s) if inside table(s)  
  // i.e., if you have 3 (with id's wn1, wn2, wn3): dw_scrollObj.GeckoTableBugFix('wn1', 'wn2', 'wn3');  
  dw_scrollObj.GeckoTableBugFix('wn');  
}  
   </script>  
</head>  
<body onload="initScrollLayer()">  
<div id="hauptrahmen_philo"><!-- Anfang Hauptrahmen //-->  
 <div id="logo_philo"><a href="http://www.xx.com/" title="xx">xx</a></div>  
  
<table class="main" cellspacing="0" cellpadding="8" border="0">  
<tr>  
   <td>  
  <div id="hold">  
   <div id="wn">  
    <div id="lyr1" class="content">  
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.  
    </div>  
   </div>  
  </div>  
 </td>  
 <td id="scrollLinks">  
  <div id="scrollbar">  
   <div id="up"><a href="javascript:;" onclick="return false" onmouseover="dw_scrollObj.initScroll('wn','up')" onmouseout="dw_scrollObj.stopScroll('wn')" onmousedown="dw_scrollObj.doubleSpeed('wn')" onmouseup="dw_scrollObj.resetSpeed('wn')"><img src="image/btn-up.gif" width="11" height="11" alt="" /></a></div>  
   <div id="track">  
    <div id="dragBar"></div>  
   </div>  
   <div id="down"><a href="javascript:;" onclick="return false" onmouseover="dw_scrollObj.initScroll('wn','down')" onmouseout="dw_scrollObj.stopScroll('wn')" onmousedown="dw_scrollObj.doubleSpeed('wn')" onmouseup="dw_scrollObj.resetSpeed('wn')"><img src="image/btn-dn.gif" width="11" height="11" alt="" /></a></div>  
  </div>  
 </td>  
</tr>  
</table>  
</div> <!-- Ende Hauptrahmen //-->  
<br><br>  
</body>  
</html>  

Und hier das css dazu:

  
body {  
 margin : 0px 0px 0px 0px;  
 padding : 0px 0px 0px 0px;  
 background-color : #ffffff;  
 font-family : Courier New, Arial, Helvetica, sans-serif;  
 font-size : 12px;  
 color : #000000;  
 text-align : center;  
 overflow:hidden;  
}  
  
div#hold {  
 position:relative; overflow:hidden;  
 width:100%; height:100%;  
    z-index:100;  
 }  
div#wn {  
 position:absolute;  
 left:0px; top:0px;  
 width:100%; height:100%;  
 clip:rect(auto, auto, auto, auto);  
 overflow:hidden;  
 z-index:1;  
 }  
div.content {  
 position:absolute; visibility:hidden;  
 left:0px; top:0px;  
 text-align: left;  
 z-index:1;  
 }  
div#lyr1 {  
 position:absolute; visibility:hidden;  
 left:0px; top:0px;  
 z-index:1;  
}  
  
table.main {  
 width:450px;  
   font-family : Courier New, Arial, Helvetica, sans-serif;  
 font-size : 12px;  
 margin: 60px auto 30px auto;  
 vertical-align:top;  
 text-align:left;  
}  
  
td#scrollLinks  { width:12px }  
  
/* Set small font-size or size/position of div's will be off in some browsers  */  
div#scrollbar {  
  position:relative;  
  left:0; top:0;  
  width:11px; height:250px;  
  font-size:1px;  
  z-index:1;  
  }  
div#track {  
  position:absolute;  
  left:0; top:12px;  
  width:11px; height:226px;  
  background: url("images/track.gif") #336 repeat;  
  z-index:1;  
  }  
div#dragBar {  
  position:absolute; left:1px; top:1px;  
  width:9px; height:20px;  
  background-color:#ffffff;  
  z-index:1;  
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  
  
  
#hauptrahmen {  
 margin-top: 0px;  
 margin-right: auto;  
 margin-bottom: 0px;  
 margin-left: auto;  
 padding : 0px;  
 width: 963px;  
}  

über einpaar tipps würde ich mich sehr freuen

vielen dank schon mal im vorraus.

grüße

  1. Guten Morgen,

    existiert die Seite vielleicht online? Oder eine genaue Beschreibung, was nicht funktioniert?

    1. Guten Morgen,

      existiert die Seite vielleicht online? Oder eine genaue Beschreibung, was nicht funktioniert?

      hi,

      ich habe die seite mal unter folgender adresse hochgeladen:

      http://dexter2000.de.funpic.de/

      der unterschied zwischen firefox und IE erkennt man auf den ersten blick.

      1. Hi,

        http://dexter2000.de.funpic.de/

        "A license is required". Und Tschüß.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        Schreinerei Waechter
        O o ostern ...
        Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  2. über einpaar tipps würde ich mich sehr freuen

    Wo genau ist das konkrete Problem? Sollen wir raten?
    ;)

  3. Also, im Firefox sehe ich eine kaputte Scrollbar und quer darübergepappt einen Lopem Ipsum Text. Im IE sehe ich nur die kaputte Scrollbar und eine ActiveX-Warnung.

    Was sollte denn eigentlich kommen? Irgendwie sieht das alles kaputt aus...

    Jonathan

    1. Hallo,

      Also, im Firefox sehe ich eine kaputte Scrollbar und quer darübergepappt einen Lopem Ipsum Text. Im IE sehe ich nur die kaputte Scrollbar und eine ActiveX-Warnung.

      Also ich sehe im IE und im Firefox genau dasselbe:
      Mittig am oberen Fensterrand zwei schwarze 'x' und einen kaputten blauen Scrollbalken auf einer ansonsten leeren Seite. Weiter nichts.
      Die ActiveX-Warnung im IE kriege ich nicht; ich sehe aber auch im Quelltext nichts, was sie auslösen könnte.

      Aber was das *eigentlich* sein sollte, bleibt mir auch verborgen ...

      Irgendwie sieht das alles kaputt aus...

      Eben.

      So long,
       Martin

      --
      Ich liebe Politiker auf Wahlplakaten.
      Sie sind tragbar, geräuschlos, und leicht wieder zu entfernen.
        (Loriot, deutscher Satiriker)
      1. Die ActiveX-Warnung im IE kriege ich nicht; ich sehe aber auch im Quelltext nichts, was sie auslösen könnte.

        Im IE kam bei mir auch noch ne LayerAd, vielleicht war die dafür verantwortlich.

        Jonathan