Strohhalm

Sprung zu Navigation. Sprung zu Privat. Sprung zu StyleSwitcher. Sprung zum Inhalt.

 

Sprung zu Navigation. Sprung zu Privat. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Privat

 

Anmelde-Formular



Als Strohhalm-Mitglied registrieren.

 

Sprung zu Navigation. Sprung zu Privat. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Sprung zu Navigation. Sprung zu Privat. Sprung zu StyleSwitcher. Sprung zum Inhalt.

Archiv

 

strohhalm.org / Archiv / (X)HTML & CSS / Eintrag lesen

Text in <div> ausrichten

  1. Text in <div> ausrichten

    drum 26. November 2004, 08:43

    Guten Morgen zusammen. Ich spiele mal wieder ein wenig mit css herum und ärgere mich.
    Problem: Ich versuche einen Text in einem verschachtelten <div> unten auszurichten, habe im <div> die Anweisung "verical-align: bottom" eingebaut, aber der will nicht so wie ich gern will. Hier der code:

    body {
    background-color: #EEEBEF;
    margin:50px 0px;
    padding:0px;
    text-align:left;
    }

    #inhalt {
    width:500px;
    margin:0px auto;
    text-align:left;
    color: #333333;
    }
    #top {
    background-color: #525252;
    width:100%;
    height:300px;
    border-bottom: 3px solid white;
    padding: 10px;
    vertical-align:bottom;
    }
    #bottom {
    background-color:#A5A5A5;
    with:100%;
    height:145px;
    margin-top:0px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:10px;
    }

    <div id="inhalt">

    <div id="top">
    <p class="txtmain">gfgfgfg</p>
    </div>

    <div id="bottom">
    </div>

    </div>

    Seh ich den Wald vor lauter Bäumen nicht, oder funktioniert das grundsätzlich nicht?

    Beste Grüße
    DRUM

  2. Re: Text in <div> ausrichten

    Pedrito 26. November 2004, 11:03

    Das sollte nicht funktionieren, weil sich Blockelemente(p) nicht von oben aus(div) per align ausrichten lassen(dürfen). Wenn du puren Text hast, sollte das gehen.

    Wieso gibst du nicht p einen oberen Abstand?

    mfG
    Pedrito

  3. Re: Text in <div> ausrichten

    Ingo40 26. November 2004, 11:45

    Hi,
    auch mit purem Text geht das nicht, da vertical-align nur die Ausrichtung der Inline-Elemente untereinander bzw. nerbeneinander beeinflußt; gedacht für die Positionierung von Bildern bzw. Texten mit unterschiedlichen Zeilenhöhen.

    Um den Absatz unten auszurichten, benötigst Du position.
    Gruß
    Ingo

  4. Re: Text in <div> ausrichten

    Pedrito 26. November 2004, 12:26

    Sorry, Ingo hat natürlich recht. text-align geht, aber nur horizontal.


    mfG

    Peter

  5. Re: Text in <div> ausrichten

    drum 29. November 2004, 07:51

    Einen guten Morgen zusammen!
    Danke für eure Postings. Üblicherweise mach ich das ja auch mit <position>, wollte aber einmal versuchen, ob es nicht auch anders funktioniert. In allen Referenzen, die ich vor meiner Frage an euch durchgekaut habe, ist auch das gleiche gestanden. Aber nachdem bei Strohalm doch etliche kreative Querdenker unterwegs sind, dachte ich, ich probiers mal.
    Jedenfalls ochmals besten Dank!
    Harry

 
Nach oben springen

.(c) 2002 - 2019 strohhalm.org Community.Server powered by Manitu.Software powered by Mathias Bank
.Impressum + Team.Datenschutz