dexter2000
Threadersteller
Dabei seit: 01.08.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 24.06.2006 00:15
Titel 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
Code: |
<!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:
Code: |
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
|
|