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