juergen: IE zeigt nur halbe Grafik an

SELF-Forum

IE zeigt nur halbe Grafik an

juergen
– Informationen zu den Bewertungsregeln

Hallo,
ich versuche überflüssige DIVs aus einer Liste mit Grafiken zu entfernen.
Deshalb wurde aus:
<div id="negativ1">
<a alt="" href="http://www.bundj.de"><img src="../img/swebDesing.jpg" alt=""></a></div>

CSS:
#negativ1 {
 margin-left:auto;
 margin-right:auto;
 padding:5px 0 5px 0;
 width:208px;
 height:164px;
 background: url(../img/swebDesing.jpg) no-repeat center;
 }

Neu:
<a id="negativ12" alt="" href="http://www.bundj.de"><img src="../img/swebDesing.jpg" alt=""></a>

und das CSS:
#negativ12 {
 position:relative;
 width:208px;
 left:50%;
 margin-left: -104px;
 }

Allerdings bekomme ich nun das Bild im IE einfach nicht zentriert. Der Einzige Weg ist der "NEU", aber so wird nur die rechte Hälfte der Grafik im IE angezeigt.

Was mache ich falsch?

Gruss, JJer

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE zeigt nur halbe Grafik an

    juergen
    – Informationen zu den Bewertungsregeln

    Gefunden!

    <a id="negativ12" alt="" href="http://www.bundj.de"><img src="../img/swebDesing.jpg" alt=""></a>»»

    wird:
    <a alt="" href="http://www.bundj.de"><img id="negativ12" src="../img/swebDesing.jpg" alt=""></a>

    Juegen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE zeigt nur halbe Grafik an

      xjs Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi!

      <a alt="" href="http://www.bundj.de"><img id="negativ12" src="../img/swebDesing.jpg" alt=""></a>

      1.: mach erst mal das alt in <a> weg.
      2.: wirds in den anderen Browsern (Gecko, Oppera, Konqui etc.) auch richtig angezeigt?
      3.: sollte man eigentlich nicht zu viel zeit verschwenden, bloss, weil Micromurks es nicht schafft, seinen Browsern Html beizubringen, von anderen Technologien wie z. B. CSS ganz zu schweigen.

      ciao,
      xjs

      --
      linux is like a wigwam: no windows, no gates and an apache inside!
      Selfcode: sh:( fo:| ch:| rl:° br:> n4:| ie:{ mo:} va:) de:> zu:) fl:) ss:{ ls:& js:|
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. IE zeigt nur halbe Grafik an

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    <a id="negativ12" alt=""

    a hat kein alt-Attribut.

    und das CSS:
    #negativ12 {
    position:relative;
    width:208px;
    left:50%;
    margin-left: -104px;
    }

    a ist ein inline-Element. Wozu überhaupt diese umständliche Zentrierung?

    Sinnvoll wäre, dem Block-Element, in dem dieses a sich befindet, text-align:center zuzuweisen, dann wird auch a als inline-Element zentriert. width ist dann nicht mehr erforderlich.

    Wenn Du ohne Elternelement auskommen willst, müßtest Du a {display:block; margin:auto;} definieren. Für IEs im quirks mode bräuchtest Du aber dennoch text-align:center in einem Elternelement.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE zeigt nur halbe Grafik an

      juergen
      – Informationen zu den Bewertungsregeln

      Wieder was gelernt.
      Danke Ingo.

      Gruss,
      Juergen

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln