Gary: img einfach mittig zentrieren

Abend,

Ich versuche schon eine Weile ein einfaches .jpg als banner oben mittig zu zentrieren. Geht das überhaupt ohne div?

CSS-Code:
-----------------------------
img#Pic00 {
          align: middle;
          position: absolute;
          float: none;
          }
-----------------------------

Html-Code:
-----------------------------
<img id="Pic00" src="titlebanner.jpg" width="837" height="116" alt="titlebanner">
-----------------------------

So ein Mist! Mit DIV ist es glaub einfacher *g*

Gruß

Gary

  1. Hi,

    Ich versuche schon eine Weile ein einfaches .jpg als banner oben mittig zu zentrieren. Geht das überhaupt ohne div?

    Ja.

    Geht es vielleicht auch, dass du mal Suchen lernst - damit du zu solchen bereits zigfach diskutierten Fragen auch mal die Lösung findest, ohne hier den x-ten neuen Thread dazu aufzumachen?

    </hilfe/faq.htm#css-zentrieren>

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Hi ChrisB

      </hilfe/faq.htm#css-zentrieren>

      Echt, wo ihr das immer findet. Ich kann Stundenlag suchen und würde sowas nie finden...

      Lösungsweg:

      img#Pic00 {
                position: absolute;
                left: 50%;
                margin-left: -418.5px;
                float: none;
                }

      Also 50% mitte von links. Dann die Hälfte der Bildpunkte mit margin abziehen.
      Einen Direkten Zentrierbefehl wie Beispielsweise text-align: center; gibt es nicht für Bilder.

      Gruß und Danke

      Gary

      1. Hi,

        </hilfe/faq.htm#css-zentrieren>

        Echt, wo ihr das immer findet. Ich kann Stundenlag suchen und würde sowas nie finden...

        Und selbst wenn du mit der Nase draufgestossen wirst, wählst du zielsicher noch die schlechteste Lösung ...

        Einen Direkten Zentrierbefehl wie Beispielsweise text-align: center; gibt es nicht für Bilder.

        Normale Bilder, die inline dargestellt werden, lassen sich selbstverständlich auch über text-align zentrieren - aber das erfordert natürlich noch ein Element ums Bild drumherum, dem man diese Eigenschaft zuweisen kann.

        Ohne zusätzliches Element geht es aber auch - du hättest nur den Anfang von http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte lesen und verstehen müssen ...

        MfG ChrisB

        --
        RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
        1. Normale Bilder, die inline dargestellt werden, lassen sich selbstverständlich auch über text-align zentrieren - aber das erfordert natürlich noch ein Element ums Bild drumherum, dem man diese Eigenschaft zuweisen kann.

          z.b. dem umgebenden body-Element.

        2. HI ChrisB

          Ohne zusätzliches Element geht es aber auch - du hättest nur den Anfang von http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte lesen und verstehen müssen ...

          Habe ich gelesen. Rechts und links zusammen mit auto funktioniert nicht!

          Gruß Gary

          1. Hi,

            Ohne zusätzliches Element geht es aber auch - du hättest nur den Anfang von http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte lesen und verstehen müssen ...

            Habe ich gelesen. Rechts und links zusammen mit auto funktioniert nicht!

            Natürlich - weil du das zweite Wort wahrscheinlich einfach überlesen hast.

            MfG ChrisB

            --
            RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
  2. Hi,

    funktioniert #Pic00 {margin:0 50%;}?

    So ein Mist! Mit DIV ist es glaub einfacher *g*

    Wäre das nicht genau das gleiche?

    ~dave

  3. @@Gary:

    nuqneH

    Ich versuche schon eine Weile ein einfaches .jpg als banner oben mittig zu zentrieren.

    http://community.de.selfhtml.org/zitatesammlung/zitat231

    So ein Mist! Mit DIV ist es glaub einfacher *g*

    http://community.de.selfhtml.org/zitatesammlung/zitat1784

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)