|
|||
DIV: zweite Spalte unten ausrichten
Hallo.
Ich versuche etwas, was mit Tabellen-Layout ein Klacks ist, auch mit CSS-Only zu machen: Ein Layout mit zwei Spalten, der Inhalt der rechte Spalte soll unten bündig mit der linken Spalte ausgerichtet sein. In Tabellen Technik ganz einfach mit valign="bottom": Code:
<table width="400" border="1"> <tr> <td width="200"> Est notare quam littera gothica! Litterarum formas humanitatis per seacula quarta decima et; nunc nobis videntur parum clari. ... </td> <td valign="bottom"> Qui nunc nobis videntur </td> </tr> </table> Code:
<style rel="stylesheet" type="text/css"> #container { border: thin solid black; width: 400px; } #links { border: thin solid blue; float: left; width: 200px; } #rechts { border: thin solid red; bottom: 0px; vertical-align: bottom; } </style> ... <div id="container"> <div id="links"> Est notare quam littera gothica! Litterarum formas humanitatis per seacula quarta decima et; nunc nobis videntur parum clari. ... </div> <div id="rechts"> Qui nunc nobis videntur </div> </div> Hab schon diverse CSS-Seiten durchforstet, aber leider nichts passendes gefunden. Absolute Positionierung fällt aus, da der "container" irgendwo auf der Seite steht und auch mehrfach vorkommen soll. Jemand eine Idee, Tipp oder Denkanstoss? Wunderbar, her damit Ciao, René |
Sponsored Links |
|
|||
klar hab ich den
vertical-align kann nicht gehen, das bezieht sich auf die ausrichtung von inline-elementen bezüglich der schriftlinie. ein div ist aber ein block-element und deswegen davon nicht betroffen. die lösung für den problem ist position:relative und position:absolute. der äußere container kriegt relative, der innere absolute, in verbindung mit bottom:0. und schon hast was du willst. aber vorsicht: opera und alte ie's machen da evtl probleme. kommt drauf an, ob dich das stört oder nicht. |
Sponsored Links |
|
|||
Danke
Hallo Alex.
Vielen Dank, das isses! Muss man ja auch erst mal drauf kommen, dass man dazu relative und absolute mischen muss. Allerdings musste ich den zweiten Container noch mit left: 210px nach rechts rücken, sonst überlagern sich die beiden inneren Container. Nochmals vielen Dank! Ciao, René |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |