Anzeige

Dreieck mit css funktioniert im IE nicht

Dreieck mit css funktioniert im IE nicht | PSD-Tutorials.de

Erstellt von Angel0203, 24.03.2011.

  1. Angel0203

    Angel0203 Nicht mehr ganz neu hier

    Dabei seit:
    22.02.2010
    Beiträge:
    56
    Dreieck mit css funktioniert im IE nicht
    Hallöchen,
    hab ein kleines Problem:
    Ich will auf einer website dreiecke haben (als pfeile auf bilder).
    Sozusagen als "Vor" und "Zurück".
    Hab also rausgefunden, dass man das auch mit css machen kann.
    Ist auch alles ganz toll, nur der IE schneidet irgendwie die Spitze ab.

    hier mal der Quelltext:

    HTML:
    1.  
    2. <style type="text/css">
    3. <!--
    4. .pfeil {
    5.  border-color: transparent green transparent transparent;
    6.  border-style:solid;
    7.  border-width:20px;
    8.  width:0;
    9.  height:0;
    10. }
    11. -->
    12.  
    13. </head>
    14. <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    15.  
    16. <div class="pfeil"></div>
    17.  
    18. </body>
    19. </html>


    Nur dort wo ich es gefunden habe ist ganz genauso, und da funktionierts...
    Kann mir jemand helfen?
    Bitte...

     
    Zuletzt von einem Moderator bearbeitet: 24.03.2011
    #1      
  2. J000S

    J000S Noch nicht viel geschrieben

    Dabei seit:
    29.09.2010
    Beiträge:
    36
    Geschlecht:
    männlich
    Ort:
    C:\HOME
    Software:
    Adobe Master Collection CS 6
    Kameratyp:
    Spigelreflex EOS 1000D
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    das liegt daran, dass du den "Pfeil" mit einer Tabelle machen willst... FF ist so schlau und merkt, dass da ja nix drin steht. Der IE (sowieso totaler mist :rolleyes:) checkt das nicht und lässt in der Mitte noch ein "paar" Pixel zeilen frei.
    Habe mal ein screenshot in Dream Weaver gemacht. Darauf erkennt man, warum das so aussieht.
    KLICK
    [​IMG]
     
    #2      
  3. Angel0203

    Angel0203 Nicht mehr ganz neu hier

    Dabei seit:
    22.02.2010
    Beiträge:
    56
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    warum Tabelle, da ist doch gar keine tabelle?
    Kriegt man das anders hin?
     
    #3      
  4. J000S

    J000S Noch nicht viel geschrieben

    Dabei seit:
    29.09.2010
    Beiträge:
    36
    Geschlecht:
    männlich
    Ort:
    C:\HOME
    Software:
    Adobe Master Collection CS 6
    Kameratyp:
    Spigelreflex EOS 1000D
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    klar... indem du einfach eine Bilddatei, z.B. ein Gif nimmst ;) wäre sogar einiges einfacher.

    EDIT:
    Du legst mit "Border" die umrandung einer Tabelle fest. Direkt hast du keine...
     
    Zuletzt bearbeitet: 24.03.2011
    #4      
  5. fexx

    fexx Aktives Mitglied

    Dabei seit:
    13.07.2010
    Beiträge:
    1.058
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe Creative Cloud, Coda2
    Dreieck mit css funktioniert im IE nicht
    #5      
  6. J000S

    J000S Noch nicht viel geschrieben

    Dabei seit:
    29.09.2010
    Beiträge:
    36
    Geschlecht:
    männlich
    Ort:
    C:\HOME
    Software:
    Adobe Master Collection CS 6
    Kameratyp:
    Spigelreflex EOS 1000D
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Also ein Rahmen ist für mich die Umrandung einer Tabelle :hmpf:
     
    #6      
  7. Angel0203

    Angel0203 Nicht mehr ganz neu hier

    Dabei seit:
    22.02.2010
    Beiträge:
    56
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Aber beim gif sind immer weiße ränder zu sehen :(
    und das sieht dermaßen bescheiden aus.
    und ich will nicht auf jedem bild die pfeile raufmachen.
    deswegen wollt ichs mit css machen.

    bin am verzweifeln :(
     
    #7      
  8. J000S

    J000S Noch nicht viel geschrieben

    Dabei seit:
    29.09.2010
    Beiträge:
    36
    Geschlecht:
    männlich
    Ort:
    C:\HOME
    Software:
    Adobe Master Collection CS 6
    Kameratyp:
    Spigelreflex EOS 1000D
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    versuchs mal mit ner .png grafik. Da kannst du alles andere, was du nicht sehen willst durchsichtig machen.
     
    #8      
  9. Angel0203

    Angel0203 Nicht mehr ganz neu hier

    Dabei seit:
    22.02.2010
    Beiträge:
    56
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Naja, png funktioniert ja in manchen IE's nicht :motz:
    Machs jetzt mit nem hübschen einfarbigen gif :schmoll:

    Trotzdem danke für die Hilfe :D
     
    #9      
  10. aliasltb

    aliasltb LTB

    Dabei seit:
    23.03.2009
    Beiträge:
    189
    Geschlecht:
    männlich
    Software:
    Eclipse, Photoshop, Indesign, Illustrator, Flash, Flash Builder
    Kameratyp:
    HTC Desire HD
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Also aktuellere IEs sollten png unterstützen. Zumindest arbeite ich fast ausschließlich damit.

    Und heutzutage ist es zumindest so gut wie nicht mehr notwendig IE6 zu unterstützen.
     
    #10      
  11. Angel0203

    Angel0203 Nicht mehr ganz neu hier

    Dabei seit:
    22.02.2010
    Beiträge:
    56
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Naja, hätte es nur blöd gefunden wenns im IE6 nicht angezeigt wird.
    Hab jetzt die fotos sowieso anders gemacht, sieht besser aus und ich kanns mit nem stinknormalen jpg machen...

    trotzdem danke für die ganzen antworten.
    :)

     
    #11      
  12. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.049
    Geschlecht:
    männlich
    Ort:
    Ö
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Selbst IE6 unterstützt PNGs. Er unterstützt nur keine Transparenzen für PNGs mit mehr als 8Bit. Allerdings sollte es nicht notwendig sein, für einfache Pfeile PNGs mit mehr als 8Bit zu erstellen.
    Und leider ist es heutzutage sehr wohl noch notwendig, den IE6 zu unterstützen. :)
     
    #12      
  13. aliasltb

    aliasltb LTB

    Dabei seit:
    23.03.2009
    Beiträge:
    189
    Geschlecht:
    männlich
    Software:
    Eclipse, Photoshop, Indesign, Illustrator, Flash, Flash Builder
    Kameratyp:
    HTC Desire HD
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Da höre ich aber, auch von vielen professionellen Leuten (einschließlich meinem Chef), dass es nicht mehr notwendig ist.
     
    #13      
  14. fexx

    fexx Aktives Mitglied

    Dabei seit:
    13.07.2010
    Beiträge:
    1.058
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe Creative Cloud, Coda2
    Dreieck mit css funktioniert im IE nicht
    AW: Dreieck mit css funktioniert im IE nicht

    Das kommt ganz auf die Zielgruppe an...
     
    #14      
x
×
×