[CSS] Kompatibilitätsproblem mit IE7

Dieses Thema im Forum "Webdesign" wurde erstellt von naca7, 17. Dezember 2009 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 17. Dezember 2009
    Kompatibilitätsproblem mit IE7

    Hallo,

    leider ist uns der Webdesigner abgesprungen, jetzt muss ich die IE7-Kompatibilität der Website selber in die Hand nehmen, komme jetzt jedoch absolut nicht mehr weiter.

    Hier der Vergleich zw. IE7 und IE8/FF/Chrome:
    http://img35.imageshack.us/img35/2158/hintergrundproblem.jpg

    Die Probleme sind der weiße Rand rund um den Content-Bereich sowie der weiße Hintergrund im Menü und dem Bergluft-Bild.

    Das dazugehörige CSS wäre folgendes:
    Code:
    #cont_bg
    {
     position: relative;
     left: 50%;
     *top: 10%;
     margin: 70px 0 0 -409px;
     *margin: 70px -10px -100px -409px;
     background-image: url(design/cont_bg.png);
     width: 818px;
     *width: 811px;
     height: 568px;
     opacity: 0.7;
     z-index:1; 
    }
    
    #menu
    {
     position: absolute;
     z-index: 2;
     top: 80px;
     left: 50%;
     margin: -5px 0 0 -400px;
     *background-color: transparent;
     *display:block; 
    }
    
    Wäre toll wenn mir hier wer weiterhelfen könnte. BW ist selbstverständlich für jede hilfreiche Antwort.

    Thx im Voraus
     
  2. 17. Dezember 2009
    AW: Kompatibilitätsproblem mit IE7

    sieht nach eine transparenzproblem aus. Denke du willst die linke seite erreichen mit transparentem runden teil. Google einfach kurz nach trasparenz im ie, da kommen direkt mehrere lösungen. im FF sollte transparenz kein problem sein (wie man ja auch sieht). Evtl ne browserweiche einbauen, wenn die lösung für den ie die darstellung im FF verändert.
     
  3. 17. Dezember 2009
    AW: Kompatibilitätsproblem mit IE7

    nimm für transparent bilder png. das kann der ie6 und kleiner jedoch nicht.

    mit "* + html"

    z.b.
    * + html #id .class {
    margin: 0;
    }

    kannst du ie7 und ie8 ansprechen.

    in meta
    <meta http-equiv="X-UA-Compatible" content="IE=7"/>
    wird der ie8 als ie7 emuliert, das hilft bei css

    für ie6 nimmst du "* html"
     
  4. 17. Dezember 2009
    AW: Kompatibilitätsproblem mit IE7

    nein, für IE6 machst du ne meldung das die IE8 installieren sollen. kostet nix, is schöner, besser und bringt praktisch nur vorteile.

    IE6 is gone! wer den noch benutzt muss mit den fehler leben, ganz einfach.

    HTML:
    <!--[IF IE lte 6]><script type="text/javascript">
     if(confirm("Installier dir IE8 oder stirb!"))
     window.open("http://www.microsoft.com/germany/windows/internet-explorer/").focus();
    </script><![endif]-->
    ggf. noch nen cookie setzten und mit php oder js abfragen ob der user schonmal gefragt wurde. sonst wirds nervig.
     
  5. 18. Dezember 2009
    AW: Kompatibilitätsproblem mit IE7

    ok vielen dank für die tipps, liegt tatsächlich am transparenzproblem des IE. BWs sind raus
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.