mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 14:18 Benutzername: Passwort: Auto-Login

Thema: firefox vs. IE vom 24.06.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> firefox vs. IE
Autor Nachricht
dexter2000
Threadersteller

Dabei seit: 01.08.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 24.06.2006 00:15
Titel

firefox vs. IE

Antworten mit Zitat Zum Seitenanfang

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 Meine Güte!

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 *Thumbs up!*

vielen dank schon mal im vorraus.

grüße
  View user's profile Private Nachricht senden
Zelur
Account gelöscht


Ort: -

Verfasst Sa 24.06.2006 08:44
Titel

Antworten mit Zitat Zum Seitenanfang

Hast du auch einen Link zu dieser Seite? Dann könnte man sich den Unterschied mal ansehen, und dann mit dem Code vergleichen....
 
Anzeige
Anzeige
dexter2000
Threadersteller

Dabei seit: 01.08.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 24.06.2006 10:58
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Zelur
Account gelöscht


Ort: -

Verfasst Sa 24.06.2006 12:22
Titel

Antworten mit Zitat Zum Seitenanfang

mit IE seh ich nur oben das "xx" und ein scrollbalken.... mit Firefox halt zusätzlich noch den Text....

ich glaub, der IE kann mit div und co nicht so gut umgehen....

... oder er nimmt das "visibility:hidden;" ernst.... des würd ich mal wegmachen
Code:
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;
}


aber mal ne Frage: warum möchtest du die Seite unbedingt mit lauter div-Zeugs machen.... geht doch mit "normalem" HTML auch....


Zuletzt bearbeitet von am Sa 24.06.2006 12:25, insgesamt 1-mal bearbeitet
 
skate-rock

Dabei seit: 29.08.2003
Ort: Osnabrück
Alter: -
Geschlecht: Männlich
Verfasst Sa 24.06.2006 13:52
Titel

Antworten mit Zitat Zum Seitenanfang

Zelur hat geschrieben:
aber mal ne Frage: warum möchtest du die Seite unbedingt mit lauter div-Zeugs machen.... geht doch mit "normalem" HTML auch....

was ist denn normales HTML? * Ööhm... ja? * noch nichts
von barrierefreiheit und xhtml gehört? *balla balla*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS+Firefox
FireFox 4...
Firefox 3.5.5 und der Webdeveloper
[Firefox] Popublocker
Firefox web Problem
Firefox RSS Feeds
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.