Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: IE-Hack mit Kompatibilitätsmodus

  1. #1
    Youngster
    Registriert seit
    05.02.2014
    Beiträge
    14
    Danke
    7
    Bekam 0 mal "Danke" in 0 Postings

    Standard IE-Hack mit Kompatibilitätsmodus

    Huhu,

    habe eine Intranetseite, die auch mit IE(11, 10, ...) betrieben wird - dort wohl häufig im Kompatibilitätsmodus.
    Die Seite beinhaltet eine Tabelle mit folgendem CSS:

    Code:
    tr {height:20px;}
    * html tr {height:19px;} <=> scheint im IE11 (auch mit Kompatibilitätsmodus) ignoriert zu werden
    * + html tr {height:19px;} <=> scheint im IE11 (auch mit Kompatibilitätsmodus) ignoriert zu werden
    und

    Code:
    td {border-bottom:1px #999 dotted;}
    Mein Problem ist also, dass IE mit Kompatibilitätsmodus pro Zeile immer 20px+1px(border) und FF, ... pro Zeile jeweils 20px insgesamt darstellt.

    Alle Hacks die ich versucht habe werden ignoriert. IE im Kompatibilitätsmodus zeigt immer 20+1px je Zeile und nicht wie gewünscht 19+1px an.

    Dieses Meta-Tag hatte ich auch schon mal erfolglos probiert:

    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    Da ich das Problem sonst nicht googlen konnte gehe ich fast davon aus, dass ich einen Fehler mache. Bzw. ich stehe schon ein paar Tage aufm Schlauch.
    Habe das Gefühl, dass der IE >= 8 die Hacks nicht interpretiert und dann alles (ohne die Hacks) wie ein alter IE darstellt - wie komme ich da raus?

    Dank und Gruß
    Olz.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Zitat Zitat von Olz Beitrag anzeigen
    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    ist falsch

    richtig wäre
    Code:
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    Darüber hinaus ist es nicht sinnvoll einer Tabelle eine feste Zeilenhöhe zu geben, da eine Tabelle sich nach unten ausdehnen sollte, wenn der Inhalt der Felder grösser wird.

    Um genaueres zu sagen brauchen wir einen Link zu der Seite.

  3. Folgende User finden die Antwort von explanator gut:

    Olz

  4. #3
    Youngster
    Themenstarter

    Registriert seit
    05.02.2014
    Beiträge
    14
    Danke
    7
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Hi, erst mal danke für die Antwort.

    Einen Link kann ich leider nicht liefern.

    Das mit der festen Zeilenhöhe ist richtig - darüber könnte ich wohl auch das Problem lösen.
    Da in der Tabelle nur einzeilige Zeilen sind und ich die gerne (bei unterschiedlichen Inhaltsgrößen - z.B. Checkboxen) gleichhoch hätte müsste ich mir an ein paar Stellen noch was einfallen lassen. Grundsätzlich würde es so wohl mit nem Padding in den Zellen funktionieren.

    Code:
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    hat keinen Unterschied gebracht.

    Grundsätzlich würde ich aber trotzdem gerne Wissen wie man mit dem Kompatibililätsmodus umgeht wenn man IE-Hacks (wie oben) benutzt.
    Der aktuelle IE interpretiert diese dann nicht setzt den Rest der Seite aber so um wie es ein alter IE gemacht hätte?
    Also er ignoriert die *+html-Angaben - interpretiert das Box-Modell aber IE-Old-Style?
    Oder sehe ich das falsch?

    VG
    Olz.

  5. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Kombatibilitätsmodus brauchst du nicht bei IE grösser Version 8. Der war mal dafür vorgesehen alte Webseiten richtig darzustellen.

    Der obige Code ist der Richtige und der von Microsoft empfohlene Code.

    Du kannst den kompletten Code auch hier rein stellen, es gibt dafür extra Code-Schalter im Editor. Aber bitte HTML komplett und CSS.

  6. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    nur mal kurz um auf den threadtitel einzugehen...:
    der compat-mode IST bereits der hack.. dafür braucht man keinen^^
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #6
    Youngster
    Themenstarter

    Registriert seit
    05.02.2014
    Beiträge
    14
    Danke
    7
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Die Seite läuft in einem Intranet. Der IE läuft dort im Kompatibilitätsmodus (ist wohl nicht ungewöhnlich für Intranet-Seiten). Kann man natürlich abstellen - kann ich aber nicht beeinflussen.

    => Die Seite wird - sofern man sie im IE/Kompatibilitätsmodus aufruft - mit dem alten IE-Box-Modell angezeigt und ich weiss nicht wie ich dem aktuellen IE sagen soll das er, sofern er im Kompatibilitätsmodus läuft die Zeile 1px flacher anzeigen soll.

    Mit allen nicht IE-Browsern funktioniert alles wie es soll.

  8. #7
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Dann zeig uns doch einfach mal deinen ganzen Code. Raten können wir in alle Richtungen, aber dann dauert der Thread hier 3 Tage.

  9. #8
    Youngster
    Themenstarter

    Registriert seit
    05.02.2014
    Beiträge
    14
    Danke
    7
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Mir gehts ja mittlerweile nur noch darum, wie ich speziell dem IE wenn er in Kompaibilitätsmodus läuft was beibringen kann.

    Die Seite läuft mittlerweile zufriedenstellend indem ich das "Box-Modell" mit dem entfernen der Höhe aus dem <tr> entfernt habe.

    Werde aber später oder morgen nochmal den Fall in einem einfachen komplett-Beispiel nachstellen.

  10. #9
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    Habe mal einen Testfall nachgebaut.
    Getestet habe ich mit IE8 und Firefox als Referenz.
    Was immer ich auch für einen Modus gewählt habe im IE8 (Quirks, oder IE8 Standard) war die Höhe der Tabellenfelder gleich. Lediglich im IE7 Standardsmode waren die Tabellenfelder etwas höher als die Vorgabe, aber der IE7 ist eh ausgestorben.

    HTML-Code:
    <!DOCTYPE HTML>
    <html lang="de">
      <head>
      <meta charset="UTF-8">
      <title>test</title>        
      <meta http-equiv="X-UA-Compatible" content="edge"/>
      <style>
        body {margin: 0px; font: 14px/1.1em Arial;}
        table {border-spacing: 2px 2px;margin:0;}
        tr {height: 100px;padding:0px; margin:0px;}
        td {border:solid 1px red; padding:0px;margin:0px;}
      </style>
      </head>
      <body>
        <table>
         <tr>
          <td>1</td>
          <td>hallo</td>
         </tr>
         <tr>
          <td>2</td>
          <td>hallo</td>
         </tr>
         <tr>
          <td>3</td>
          <td>hallo</td>
         </tr>
        </table>
      </body>
    </html>

  11. Folgende User finden die Antwort von explanator gut:

    Olz

  12. #10
    Youngster
    Themenstarter

    Registriert seit
    05.02.2014
    Beiträge
    14
    Danke
    7
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE-Hack mit Kompatibilitätsmodus

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
     <head>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
      <style type="text/css">
       html, body {margin:0; padding:0;}   
       body {background-color:#ddd;font-family:Verdana,Arial,Tahoma;font-size:8px;}
       div#test1 {background-color:#222;margin:0;padding:0;}
       div#test2 {background-color:#ccc;height:100px;margin:0;padding:0;width:200px;float:left;}
       div#test3 {background-color:#eee;height:100px;margin:0;padding:0;width:200px;float:left;}
       tr {height:20px;background-color:#fff;}
       td {width:85px;color:#333;padding:0 5px;border-bottom:1px #999 dotted;border-right:1px #999 dotted;}
      </style>
     </head>
     <body>
      <div id="test1">
       <div id="test2">
        1
       </div>
       <div id="test3">
        <table cellspacing="0" cellpadding="0">
         <tr>
          <td>t1</td>
         </tr>
         <tr>
          <td>t2</td>
         </tr>
         <tr>
          <td>t3</td>
         </tr>
         <tr>
          <td>t4</td>
         </tr>
         <tr>
          <td>t5</td>
         </tr>
        </table>
       </div>
      </div>
     </body>
    </html>
    - - - Aktualisiert - - -

    Eben erst dein Bsp. gesehen. Vielen dank für die Mühe...
    Verhält sich wie mein Bsp. (habe es in FF und IE11 (mit und ohne Kompatibilitätsmodus getestet)):
    Bei dir wird die Tabelle im K-Modus wohl (3x2)px höher bei mir (5x1)px.
    Da wollte ich irgendwie gegensteuern. Wenn ich bei mir dann 19px angebe passt die Tabelle im K-Modus...
    Geändert von Olz (06.02.2014 um 01:27 Uhr)

Ähnliche Themen

  1. IE 6 Hack
    Von drefman im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.03.2008, 19:25
  2. MSN (GE)HACK(T)
    Von DERMANN im Forum Computer - Internet Forum
    Antworten: 12
    Letzter Beitrag: 16.10.2007, 21:44
  3. ICQ Hack
    Von VICe im Forum Computer - Internet Forum
    Antworten: 5
    Letzter Beitrag: 17.08.2007, 21:04
  4. Hack it
    Von saibot im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 2
    Letzter Beitrag: 30.05.2006, 15:29

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •