firefox vs. IE
dexter2000
- html
1 Eric0 dexter20000 MudGuard
0 JB1 Jonathan0 Der Martin
0 Jonathan
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
Guten Morgen,
existiert die Seite vielleicht online? Oder eine genaue Beschreibung, was nicht funktioniert?
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.
Hi,
http://dexter2000.de.funpic.de/
"A license is required". Und Tschüß.
cu,
Andreas
über einpaar tipps würde ich mich sehr freuen
Wo genau ist das konkrete Problem? Sollen wir raten?
;)
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
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
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