Welon: align:center in css datei

Hi,
wie kann ich align:center für einen Bereich  in einer externen .css Datei
(zB: in #div{width:700px} )
wenn ich es direkt in den div-Tag einfüge funzt es.
(zB.: <div id="bereich" style="align:center">Hallo</div> )

  1. (zB: in #div{width:700px} )
    wenn ich es direkt in den div-Tag einfüge funzt es.
    (zB.: <div id="bereich" style="align:center">Hallo</div> )

    Diese beiden Beispiele sind in ihrer Funktion nicht identisch. Informiere Dich über den Unterschied zwischen ID-Selektoren und Typ-Selektoren.

  2. Hallo,

    wie kann ich align:center für einen Bereich  in einer externen .css Datei
    (zB: in #div{width:700px} )

    so jedenfalls nicht.

    wenn ich es direkt in den div-Tag einfüge funzt es.
    (zB.: <div id="bereich" style="align:center">Hallo</div> )

    Dann hat der Browser einen an der Waffel. Die entsprechende CSS-Eigenschaft heißt text-align.

    So long,
     Martin

    --
    Schon gewusst, dass Aftershave trotz des Namens eigentlich eher fürs Gesicht gedacht ist?
  3. Hallo Welon.

    wie kann ich align:center für einen Bereich  in einer externen .css Datei

    … einfügen? Gar nicht, da es eine solche Eigenschaft nicht gibt.

    (zB: in #div{width:700px} )

    Merkwürdige ID …

    wenn ich es direkt in den div-Tag einfüge funzt es.
    (zB.: <div id="bereich" style="align:center">Hallo</div> )

    Auch hier gibt es keine align-Eigenschaft; dass der IE dies dennoch umsetzt, ändert daran nichts.

    Willst du den Inhalt zentrieren, suchst du die http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align-Eigenschaft. Für das div-Element selbst bedarf es http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin:auto zuzüglich einer Breitenangabe.

    Einen schönen Samstag noch.

    Gruß, Mathias

    --
    ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)
    debian/rules
    1. wie kann ich align:center für einen Bereich  in einer externen .css Datei

      … einfügen? Gar nicht, da es eine solche Eigenschaft nicht gibt.

      Ja einfügen :) Aber wenn es nicht geht dann nicht.

      (zB: in #div{width:700px} )

      Merkwürdige ID …

      Warum merkwürdig? Versteh das bitte nicht falsch. Ich lerne erst CSS und würde mich über einige Tipps freuen.
      Bei mir ist die ID jedenfalls in ordnung und funktioniert.

      wenn ich es direkt in den div-Tag einfüge funzt es.
      (zB.: <div id="bereich" style="align:center">Hallo</div> )

      Auch hier gibt es keine align-Eigenschaft; dass der IE dies dennoch umsetzt, ändert daran nichts.

      Ich benutze FireFox und das habe ich von SELFHTML.ORG. das soll bewirken, dass der gesamte Bereich mittig ausgerichtet ist, also er selbst und alles in ihm auch.

      Willst du den Inhalt zentrieren, suchst du die http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align-Eigenschaft. Für das div-Element selbst bedarf es http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin:auto zuzüglich einer Breitenangabe.

      Es geht mir eher um den bereich selbst, sodass er immer in der Mitte ist. Egal wie die Fensterbreite ist.

      1. Hallo Welon.

        wie kann ich align:center für einen Bereich  in einer externen .css Datei

        … einfügen? Gar nicht, da es eine solche Eigenschaft nicht gibt.

        Ja einfügen :) Aber wenn es nicht geht dann nicht.

        Prinzipiell geht es, nur die Eigenschaft existiert wie nun mehrfach erwähnt nicht.

        (zB: in #div{width:700px} )

        Merkwürdige ID …

        Warum merkwürdig? Versteh das bitte nicht falsch. Ich lerne erst CSS und würde mich über einige Tipps freuen.
        Bei mir ist die ID jedenfalls in ordnung und funktioniert.

        Die ID ist in der Hinsicht merkwürdig, dass sie kaum etwas über den Inhalt aussagt. Und das ist der eigentliche¹ Sinn und Zweck von IDs und Klassen: eine erweiterte und präzisere Strukturierung überall da, wo die blanken HTML-Elemente nicht mehr ausreichen.

        wenn ich es direkt in den div-Tag einfüge funzt es.
        (zB.: <div id="bereich" style="align:center">Hallo</div> )

        Auch hier gibt es keine align-Eigenschaft; dass der IE dies dennoch umsetzt, ändert daran nichts.

        Ich benutze FireFox und das habe ich von SELFHTML.ORG.

        Hm, dass Firefox dies umsetzt hätte ich eher weniger erwartet.

        Willst du den Inhalt zentrieren, suchst du die http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align-Eigenschaft. Für das div-Element selbst bedarf es http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin:auto zuzüglich einer Breitenangabe.

        Es geht mir eher um den bereich selbst, sodass er immer in der Mitte ist. Egal wie die Fensterbreite ist.

        Danke, dass du gleich richtig anfängst und von „Fensterbreite“ sprichst. Dies kommt hier nicht oft vor.

        Jedenfalls ist der genannte Weg über margin bezogen auf das div-Element das, was du suchst. (Siehe auch die anderen Postings hier.)

        Einen schönen Samstag noch.

        Gruß, Mathias

        ¹ Dass hier und da zugunsten der Darstellung und Scriptsprachen oft etwas getrickst werden muss, ist aber Realität.

        --
        ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)
        debian/rules
        1. Hm, dass Firefox dies umsetzt hätte ich eher weniger erwartet.

          Sorry, ich habe die falsche Datei in meinem Browser geladen und war so überzeut es würde funktionieren. *sich schähm*

          Willst du den Inhalt zentrieren, suchst du die http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align-Eigenschaft. Für das div-Element selbst bedarf es http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin:auto zuzüglich einer Breitenangabe.

          Es geht mir eher um den bereich selbst, sodass er immer in der Mitte ist. Egal wie die Fensterbreite ist.

          Danke, dass du gleich richtig anfängst und von „Fensterbreite“ sprichst. Dies kommt hier nicht oft vor.

          Jedenfalls ist der genannte Weg über margin bezogen auf das div-Element das, was du suchst. (Siehe auch die anderen Postings hier.)

          Ok ich habs jetzt.

          {margin-left:auto;margin-right:auto;text-align:center}

          Ich habe irgendwie nicht daran gedacht, dass sich text-align auch auf Bilder auswirken kann. Und genau dass habe ich gebraucht :)

          THX to all  und sorry für die Unordnung.

          1. Hallo Welon.

            {margin-left:auto;margin-right:auto;text-align:center}

            Noch eine kleine Anmerkung: da der Wert „auto“ für margin-top und -bottom sowieso nicht relevant ist, kannst du ersteres kürzer schreiben:

            selektor {  
              margin:auto; /* Alle vier Werte auf „auto“ */  
              text-align:center;  
            }
            

            Einen schönen Samstag noch.

            Gruß, Mathias

            --
            ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)
            debian/rules
  4. Hallo,

    wie kann ich align:center für einen Bereich  in einer externen .css Datei
    (zB: in #div{width:700px} )
    wenn ich es direkt in den div-Tag einfüge funzt es.
    (zB.: <div id="bereich" style="align:center">Hallo</div> )

    In welchen Browser „funzt“ das? Es gibt keine „align“-Eigenschaft in CSS. Dafür gibt es http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align und http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin. Mit ersterem kannst du Text zentrieren und mit margin zentrierst du Block-Elemente[1].

    FAQ: <http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte@title=Wie kann ich Inhalte genau in der Mitte des Anzeigefensters positionieren?>.

    [1] Naja, ist vielleicht nicht ganz richtig ausgedrückt. Margin regelt den Abstand. Wenn man diesen auf auto setzt…

    mfg. Daniel

  5. Sorry ich hab da was total durcheinander gebracht. Aber ihr habt mir geholfen den richtigen weg yu finden THX a lot. Und noch mal sorry.