Dreieck mit css funktioniert im IE nicht

Angel0203 · 24.03.2011

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:

<html>
<head>
<title></title>

<style type="text/css">
<!--
.pfeil {
  border-color: transparent green transparent transparent;
  border-style:solid;
  border-width:20px;
  width:0;
  height:0;
}
-->
</style>

</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div class="pfeil"></div>

</body>
</html>

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

J000S · 24.03.2011

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.

Angel0203 · 24.03.2011

AW: Dreieck mit css funktioniert im IE nicht

warum Tabelle, da ist doch gar keine tabelle?
Kriegt man das anders hin?

J000S · 24.03.2011

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...

fexx · 25.03.2011

AW: Dreieck mit css funktioniert im IE nicht

J000S schrieb:
Du legst mit "Border" die umrandung einer Tabelle fest. Direkt hast du keine...

Schwachsinn!

-> border: Rahmen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

J000S · 25.03.2011

AW: Dreieck mit css funktioniert im IE nicht

Also ein Rahmen ist für mich die Umrandung einer Tabelle :hmpf:

Angel0203 · 25.03.2011

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

J000S · 25.03.2011

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.

Angel0203 · 25.03.2011

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

aliasltb · 31.03.2011

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.

Angel0203 · 31.03.2011

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.

Myhar · 31.03.2011

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.

aliasltb · 05.04.2011

AW: Dreieck mit css funktioniert im IE nicht

Myhar schrieb:
Und leider ist es heutzutage sehr wohl noch notwendig, den IE6 zu unterstützen.

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

fexx · 05.04.2011

AW: Dreieck mit css funktioniert im IE nicht

aliasltb schrieb:
Da höre ich aber, auch von vielen professionellen Leuten (einschließlich meinem Chef), dass es nicht mehr notwendig ist.

Das kommt ganz auf die Zielgruppe an...