IE11 zentriert Bild nicht

[Michael B. (froeschl)]

Hallo,

wenn ich die HTML Datei mit dem IE11 aufrufe, wird das Bild am linken 
Bildschirmrand dargestellt und nicht im Zentrum.

<code>
IMG.zentrum {
 text-align:center;
}


<area shape="rect" coords="30,500,320,730" h...="2-13_block_diagram.jpg" 
class="zentrum">
</code>

Wo liegt der Fehler?

MfG froeschl

[Rufus Τ. F. (rufus)]

Hmm. Vielleicht haben die Koordinaten Vorrang? Was passiert, wenn Du die 
weglässt?

[Michael B. (froeschl)]

Hallo,

die Koordinaten bestimmen die Lage eines interessanten Bildteils.
Nach einem Klick wird diese Fläche vergrößert dargestellt, aber eben
leider am linken Bildrand.

MfG froeschl

[Joachim (Gast)]

Michael B. schrieb:

> IMG.zentrum {
>  text-align:center;
> }

> <area shape="rect" coords="30,500,320,730" h...="2-13_block_diagram.jpg"
> class="zentrum">

IMG.zentrum bezieht sich doch auf ein IMG-Tag. Du hast aber area-Tag.

Gruß

BTW:
Kommt da noch ein abschließendes </area>?

[bluppdidupp (Gast)]

text-align wird meines Wissens eigentlich für Block-Elemente gesetzt und 
bestimmt die Positionierung von sich darin befindlichen Inline-Elementen 
(wie Text oder img-Elementen*).
D.h. text-align müsste eigentlich für das Block-Element gesetzt werden, 
indem sich das img-Element befindet.

(*oder auch Elementen die man z.B. über style='display:inline-block;' zu 
Inline-Elementen gemacht hat)

Erstell doch vllt. einfach ein konkretes Minimal-Beispiel mit dem 
falschen Verhalten auf https://jsfiddle.net/ oder so und teile hier den 
Link?

[Michael B. (froeschl)]

Hallo,

@Joachim: die Änderungen des Quelltextes der iframe Datei
brachte keinen Erfolg

AREA.zentrum {
 text-align:center;
}

<area shape="rect" coords="30,500,320,730" h...="2-13_block_diagram.jpg" 
class="zentrum"></area>

@bluppdidupp: Deinen Vorschlag muß ich erst durchführen.

MfG froeschl

[Daniel A. (daniel-a)]

Text-aligen bezieht sich auf den Inhalt des Elements. ein img hat keinen 
innhalt, und ein area gehört in ein map und hat mit der Bildposition 
nichts zu tun. Poste den ganzen code. Und Versuche mal:

img {
  display: block;
  margin: auto;
}

[Michael B. (froeschl)]

Hallo,




base target="_parent"





img {
  display: block;
  margin: auto;
}






<map name="block_log_pin">
<area shape="rect" coords="30,500,320,730" 
h...="2-13_block_diagram.jpg"></area>




MfG froeschl

PS: Um aus dem iframe zu kommen ist im head

base target="_parent"

[bluppdidupp (Gast)]

https://jsfiddle.net/b6ashk06/

[Michael B. (froeschl)]

Hallo,

verbindlichen Dank für den Code, aber mein IE11 scheint
stur zu sein.

MfG froeschl