Schlubber: Text bündig zur Unterkante des div-Elements ausrichten

hallo zusammen,

folgenden Effekt würde ich gerne erzielen: Text, der genau auf der Unterkante eines div-Elements steht. Hier klappt das zumindest im IE: das "Willkommen" steht ohne Lücke auf der Unterkante:

http://neff.swissworld.com/der_neueste_Versuch123.html

Aber das geht hier nur mit margin-top und auch nur im IE - mit Opera, Netscape und Firefox wird es falsch angezeigt. Gibt es eine andere Möglichkeit, etwas bündig zur Unterkante zu platzieren, das dann auch in Opera, Netscape und Firefox gleich aussieht?

der Code-Auszug sieht so aus:

html:

<div id="Begrüssungswort">
 Willkommen
</div>

CSS:

div#Begrüssungswort {

font-family: Times new roman, Lucida Sans Unicode, Helvetica,  sans-serif;
 font-size: 70px;
 margin-top: 50px;
 padding-left: 0px;
 border: 1px dashed silver;

}

Viele Grüsse und danke

Schlubber

  1. Hi,

    folgenden Effekt würde ich gerne erzielen: Text, der genau auf der Unterkante eines div-Elements steht. Hier klappt das zumindest im IE: das "Willkommen" steht ohne Lücke auf der Unterkante:

    Und ist im Firefox gar nicht zu sehen.
    Wie wäre es zunächst einmal mit einem validen Quelltext. Behebe die teils sehr schweren [Fehler](http://www.validome.org/validate/?uri=http://neff.swissworld.com/der_neueste_Versuch123.htm
    l&lang=ge&doctype=HTML%204.01%20Transitional&charset=charsetAUTO) wie insbesondere

    <div id="Begrüssungswort">

    die unzulässige ID.

    Davon abgesehen: Du willst etwas ohne Tabelle(nformatierung) unten positionieren. Das geht nur über position und hat erhebliche Nebenwirkungen, die Du beachten solltest.

    freundliche Grüße
    Ingo

    1. danke für die viele Hilfe

      es grüsst Schlubber

  2. Hello out there!

    folgenden Effekt würde ich gerne erzielen: Text, der genau auf der Unterkante eines div-Elements steht. Hier klappt das zumindest im IE: das "Willkommen" steht ohne Lücke auf der Unterkante:
    {link:http://neff.swissworld.com/der_neueste_Versuch123.html]

    Nö, tut es nicht. In meinem IE 5.0 steht es deutlich drüber.

    Im übrigen: http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden

    Aber das geht hier nur mit margin-top und auch nur im IE - mit Opera, Netscape und Firefox wird es falsch angezeigt.

    „IE richtig, andere Browser falsch“ ist eine gewagte Aussage. Und meist völlig an der Realität vorbei.

    Gibt es eine andere Möglichkeit, etwas bündig zur Unterkante zu platzieren […]?

    <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=Absolute Positionierung>.

    font-family: Times new roman, Lucida Sans Unicode, Helvetica,  sans-serif;

    Schau dir mal das zu http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_family@title=font-family  unter „Erläuterung“ Gesagte an.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. Hallo,

      {link:http://neff.swissworld.com/der_neueste_Versuch123.html]

      Im übrigen: http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden

      Was das jetzt ein "Memo an mich"? ;-)

      Außerdem wir hatten unlägst ja eine Diskussion darüber, dass einige vielleicht absichtlich nicht verlinken. Weil es z.B. eine Testdatei ist und es später keine 404-er auf dem Server erzeugen soll, wenn solche Links im Archiv stehen. Oder warum auch immer.

      Es ist nichts dagegen einzuwenden, den Hinweis auf die Forumshilfe zu setzen, aber vielleicht sollte man davon Abstand nehmen auf biegen und brechen alles zu verlinken.

      Grüße
      Thomas

      1. Hello out there!

        {link:http://neff.swissworld.com/der_neueste_Versuch123.html]

        ^

        Was das jetzt ein "Memo an mich"? ;-)

        Nee, die Shift-Taste. ;-)

        Außerdem wir hatten unlägst ja eine Diskussion darüber, dass einige vielleicht absichtlich nicht verlinken. Weil es z.B. eine Testdatei ist und es später keine 404-er auf dem Server erzeugen soll […]

        Die Verlinkung ist für den jetzigen Zeitpunkt. Wenn jemand will, dass ich mir etwas ansehe, dann möchte ich es einfach haben und mit der Maus clicken können, und nicht erst ein neues Tab öffnen müssen und copy & paste. Und andere möchten es sicher auch einfach haben. Also möge sich der _eine_ etwas Mehrarbeit machen, damit _viele_ keine Mehrarbeit haben.

        Ob die Links später irgendwann noch gültig sind, ist mir doch jetzt egal. Soll doch ein Cronjob durchs Archiv laufen und die Verlinkung von allen inzwischen unerreichbar gewordenen Ressourcen entfernen.

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  3. Hallo,

    evtl: http://en.wikipedia.org/wiki/Divitis

    gruss

    --
    Swiss Army Chainsaw
    Terrorific!
    Given a cow full of milk, should the milk un-cow itself, or should the cow milk itself?
    1. Hello out there!

      evtl: http://en.wikipedia.org/wiki/Divitis

      ansonsten: http://de.wikipedia.org/wiki/Divitis
                              ^^
      See ya up the road,
      Gunnar

      --
      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
      1. Hallo,

        evtl: http://en.wikipedia.org/wiki/Divitis

        ansonsten: http://de.wikipedia.org/wiki/Divitis

        don't blame mich blame the google

        (naja, blame mich doch a bissi, weil ich in der wikipedia ungern suche, weil es so langsam ist)

        gruss

        --
        Swiss Army Chainsaw
        Terrorific!
        Given a cow full of milk, should the milk un-cow itself, or should the cow milk itself?
        1. Hello out there!

          don't blame mich

          Nö. IIRC habe ich auch öfter auf den englischen Artikel verwiesen, weil’s den deutschen noch nicht gab. Der muss noch recht frisch sein.

          See ya up the road,
          Gunnar

          --
          “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
          1. Hello out there!

            Der muss noch recht frisch sein.

            Er ist in der Tat noch grün hintern Ohren:

            „Der Client […] weiß im Falle eines ‚<h1/>‘-Elements um die semantische Bedeutung dessen Inhalts“

            So ein Quatsch. Als ob HTML irgendetwas mit der Semantik des Inhalts zu tun hätte.

            See ya up the road,
            Gunnar

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)