Strohhalm

Sprung zu Navigation. Sprung zu Privat. Sprung zu Linktipps. Sprung zu StyleSwitcher. Sprung zum Inhalt.

 

Sprung zu Navigation. Sprung zu Privat. Sprung zu Linktipps. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Privat

 

Anmelde-Formular



Als Strohhalm-Mitglied registrieren.

 

Sprung zu Navigation. Sprung zu Privat. Sprung zu Linktipps. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Linktipps

 

passende Links in der aktuellen Rubrik

Xhtml / CSS Einführung.15.04.2005, 18:02
Michael Jendryschik bietet einen sehr umfangreichen und doch recht leicht verständlichen Einstieg in…
gotAPI - Reference Lookup Service.20.07.2006, 16:43
gotAPI.com indexiert im Internet erhältliche Dokumentationen und bietet eine Navigation per AJAX.…
snippetcenter.org - Das Snippet-Verzeichnis.27.04.2006, 01:30
snippetcenter.org ist ein zentrales Archiv für Codeschnipsel, im Fachjargon auch Snippets genannt.…
Der DIV-Wahnsinn.13.07.2005, 12:57
Eric Eggert fasst seine Übersetzung des Textes Div Mania von Gez Lemon so zusammen: Immer mehr…
MAMP - der Entwicklungsserver für den Mac.10.10.2007, 22:20
Als Macuser braucht ihr auf eine Art XAMPP nicht zu verzichten, für den Mac gibt es das in der…

Insgesamt sind 8 Links in dieser Kategorie

 

Sprung zu Navigation. Sprung zu Privat. Sprung zu Linktipps. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Sprung zu Navigation. Sprung zu Privat. Sprung zu Linktipps. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Forum

 

strohhalm.org / Forum / Forenübersicht / Einsteiger / Nachricht 2885 lesen

Re: Kompatibilität mit allen Browsern

  1. Kompatibilität mit allen Browsern

    DerBall.+0 -0.01. Oktober 2012, 01:15

    Guten Abend liebe Community.

    Ich arbeite derzeit an einem Webauftritt. In diesem habe ich rechts einen Navigagtionsbalken (DIV-Box), welcher ausklappt, wenn man auf "mehr" drückt. So weit so gut, funktioniert nun auch alles.
    Nun neigt sich das Projekt langsam gegen Ende und ein Problem möchte einfach nicht verschwinden: Die Kompatibilität mit allen Browsern. Vor allem auf den Browsern IE 9.0 und Safari wird das Skript nicht korrekt geladen und funktioniert nicht mehr. Da ich mich mit JQuery leider nur bedingt auskenne (arbeite normalerweise nur in C/C++ und Assembler), weiß ich nun leider nicht, wo ich nach "Kompatibilitätsfehlern" suchen müsste.
    Daher hoffe ich, dass ihr mir helfen könnt! (=

    Hier der Code:

    <script type="text/javascript" src="../jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){

    //
    $("#show-content1").click(function(){
    $("#show-content2").removeClass("active");
    $("#content-inner2").stop(true,true).fadeOut(750, function(){
    $("#content").animate({
    width:'880px',
    height: '800px',
    top: '-3%',
    left: '30px'
    },750, function(){
    $("#show-content1").addClass("active");
    $("#content-inner1").fadeIn(1000);
    });


    });
    });
    $("#show-content2").click(function(){
    $("#show-content1").removeClass("active");
    $("#content-inner1").stop(true,true).fadeOut(750, function(){
    $("#content").animate({
    width:'880px',
    height: '800px',
    top: '-3%',
    left: '30px'
    }, 750, function(){
    $("#show-content2").addClass("active");
    $("#content-inner2").fadeIn(1000);
    });
    });
    });
    });
    </script>

    <style type="text/css">

    /* Style-Informationen für die DIV-Box */
    * {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    #wrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    }

    #wrapper-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    }

    #content {
    position:absolute;
    width:880px;
    height:800px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    top: -3%;
    left: 30px;
    border: 0px solid gray;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    }}

    #content-inner1 {
    display: block;
    color: #575656;
    }

    #content-inner2 {
    display: none;
    color: #575656;
    }

    body {
    background: #fffefe;
    }

    .navi-item {
    color: black;
    text-decoration: underline;
    opacity: 0.4;
    }

    .navi-item:hover {
    opacity: 1.0;
    }

    .active {
    opacity: 1.0;
    }

    a:link {
    text-decoration: none;
    color: #6F6F6F;
    }

    a:visited {
    text-decoration: none;
    color: #6F6F6F;
    }

    a:active {
    color: #0069b4;
    }

    h1 {
    color: #3c3c3b;
    }

    </style>

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  2. Re: Kompatibilität mit allen Browsern

    wurstbrot.+0 -0.01. Oktober 2012, 10:44

    Hi,

    hast du einen Link oder ein Minimalbeispiel, bei der man das Problem live nachvollziehen kann?

    Wurstbrot

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  3. Re: Kompatibilität mit allen Browsern

    DerBall.+0 -0.04. Oktober 2012, 06:56

    Ja, natürlich (=
    Hab hier Mal ein Beispiel zusammengestellt: externer Linkhttp://uploaded.net/…/39wz2bm7
    Hoffe, das hilft euch weiter.

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  4. Re: Kompatibilität mit allen Browsern

    wurstbrot.+0 -0.06. Oktober 2012, 00:20

    Hi,

    was konkret funktioniert denn nicht? Hab es im IE 9 (64bit) und im Chrome geladen und das JavaScript funktioniert da soweit ich das sehen kann einwandfrei. Einziger Unterschied sind die runden Ecken bzw. der halbtransparente Hintergrund. Da musst du noch am CSS arbeiten (IE9 braucht für den Radius keine Vendor-Prefixe).

    Wurstbrot

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  5. Re: Kompatibilität mit allen Browsern

    DerBall.+0 -0.07. Oktober 2012, 04:28

    Entschuldige bitte die späte Antwort, bin derzeit etwas sehr in der Uni eingespannt.
    Wenn ich die Seite im IE aufrufe, klappte das Fenester nicht mehr. Komischerweise tut es das nun.. Vllt. hat sich mit dem letzten Update was geändert.. Naja, freu tmich zumindest! (=
    Das nächste Problem ist aber die Sache mit dem halbtransparenten Hintergrund. Im IE9 wird er komplett transparent angezeigt.
    Die Sache mit den Vendor-Prefixe versteh ich leider nicht ganz.. =( Soll ich die dann rausschmeißen?
    Denn beim Rausschmiss, ändert sich für IE9 nichts in der Darstellung.

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  6. Re: Kompatibilität mit allen Browsern

    Warien.+0 -0.20. Februar 2014, 18:10

    Gibt es da einen generellen Code / Befehl, den man verwenden kann, um eine Seite auf alle Browser hin zu optimieren? Ich hatte daran gar nicht gedacht, aber im Grunde ist es ja schon sehr wichtig, dass die Seite korrekt auf allen Browsern angezeigt wird.

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  7. Re: Kompatibilität mit allen Browsern

    drwitt.+0 -0.20. Februar 2014, 21:03

    Moin!
    Also, einen generellen Code für alle Browser gibts nach wie vor nicht. Im Großen und Ganzen werden die Browser im Schnitt immer moderner und besser, und die Uralt-Browser (auch IE9 gehört schon dazu) sterben nach und nach aus. Große Player wie Google stellen auch schonmal den IE9-Support komplett ein, sobald die Version 11 da ist, unterstützen also nur die aktuelle und die vorletzte Version.

    Die größten Unterschiede gibts m.E. immer noch beim Interpretieren von CSS, also dem Aussehen von Dingen. Zwar soll sog. „standardkonformer Code“ sowas wie einen generellen Code für alle Browser darstellen; mache Browser haben das aber nicht immer unfassend mitbekommen und brauchen daher buchstäblich ne Extrawurst, damit sie denn auch verstehen. Und diese Extrawürste nennt man Vendor-Prefix (musst googlen).

    Machs pragmatisch: Lass Deine CSS und JS-Dateien und auch das HTML automatisch auf Syntax prüfen, pack das JS ans Ende der Seite und die Stylesheets in den Kopf. Fertig ist die Laube für 94% aller Nutzer. Vom ganzen Rest fällt das noch 70% nicht auf. Und, ganz ganz wichtig: Eine Seite muss nicht überall gleich aussehen. „Plausibel und stimmig“ ist völlig hinreichend.

    VG
    Carsten.

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  8. Re: Kompatibilität mit allen Browsern

    Warien.+0 -0.27. Februar 2014, 12:09

    [drwitt:]
    Vendor-Prefix (musst googlen)

    Allright, das mache ich doch glatt :D

    [drwitt:]
    Eine Seite muss nicht überall gleich aussehen. „Plausibel und stimmig“ ist völlig hinreichend.

    Oh ja, schon allein das kann eine Herausforderung sein!
    Ich Dir aber nicht widersprechen:)

    Okay, danke sehr für die sehr hilfreiche Antwort! Dann werde ich mal alles prüfen und bei Bedarf entsprechend Änderungen vornehmen. Für die großen Browser könnte es doch wichtig sein, eine einheitlichere Darstellung zu erreichen.

    Beste Grüße,
    Warien

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  9. Re: Kompatibilität mit allen Browsern

    Lebkuchen.+0 -0.09. Dezember 2014, 13:24

    Hej,

    Jetzt bin ich aber etwas verunsichert. Ein Freund wollte seine Hompage erstellen lassen und ich habe ihm jetzt geraten es hier http://homepage.1und1.de/ mit 1und1 selber zu versuchen, da ich gerade keine Zeit habe ihm zu helfen. Mit der Browerkompartibilität bekommt er dann aber keine Probleme, oder? Die meisten haben zwar Firefox, aber Chrome is und Co is ja auch sehr verbreitet.

    [Edit Wurstbrot: Riecht irgendwie nach Werbung, Verlinkung entfernt]

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  10. Re: Kompatibilität mit allen Browsern

    MarMarius.+0 -0.10. Dezember 2014, 14:16

    bei 1 & 1 hast du die Probleme mit den Browsern nicht

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  11. Re: Kompatibilität mit allen Browsern

    blaubär.+0 -0.15. Dezember 2014, 11:21

    Danke für den Tipp!
    Ich habe einen Kunden, dessen Webseite im IE, Chrome oder Firefox immer anders aussieht.
    Werde mal prüfen ob dein Code mir weiterhilft!

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  12. Re: Kompatibilität mit allen Browsern

    wurstbrot.+0 -0.16. Dezember 2014, 07:00

    Hallo

    Natürlich gibt es das Problem auch grundsätzlich bei 1&1 und anderen Baukasten. Die "umgehen" das Problem aber i.d.R. dadurch, dass sie nicht state-of-the-Art HTML verwenden und damit auf Elemente zurückgreifen, die schon so alt sind, dass sie alle Browser implementieren.

    Von dem her ist die Aussage der Vorposter korrekt, aber unvollständig. Das riecht mir schon fast nach Werbung.

    Wurstbrot

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  13. Re: Kompatibilität mit allen Browsern

    Sabriel.+0 -0.12. Januar 2015, 07:58

    Gibt es da einen generellen Code.

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  14. Re: Kompatibilität mit allen Browsern

    Finke.+0 -0.27. Februar 2015, 09:53

    Wäre interessant.
    Da ich teilweise auch feststellen muss, dass die Ansicht zwischen Chrome und IE doch schon unterschiedlich ist. Möchte überhaupt nicht wissen, wie es bei mobilen Endgeräten wie Tablet und Smartphones aussieht …

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  15. Re: Kompatibilität mit allen Browsern

    Recte.+0 -0.30. September 2015, 13:06

    Also ich hab das Problem mit dem Browser bisher noch nicht gehabt… Hab mich auch dafür entschieden die Homepage selbst zu erstellen mit 1&1: http://hosting.1und1.de/homepage-erstellen Wie gesagt, bisher alles gut. Aber wenn es einen generellen Code gibt, wäre ich auch sehr daran interessiert. Aber das scheint es nicht zu geben oder hat jemand weitere Infos darüber?

    [edit wurstbrot: Verlinkung wegen Werbung entfernt]

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

  16. Re: Kompatibilität mit allen Browsern

    Huti .+0 -0.26. Juli 2018, 12:19

    Werde jetzt demnächst das Problem mit den Smartphones und Tablets haben..
    Ebenso Mozilla.. bin schon echt aufgeregt und gespannt

    Antworten [/forum/index.php?topic=2885&strukturid=2885&action=newEntry]

 
Nach oben springen

.(c) 2002 - 2018 strohhalm.org Community.Server powered by Manitu.Software powered by Mathias Bank
.Impressum + Team.Datenschutz