|
|||
DIV in anderem Container unten Ausrichten
Hallo ich möchte gerne folgendes Realisieren:
Ich hab ein Container in dem zwei andere Container enthalten sind left und right. Diese sind per float neben einander. Nun soll Links ein Text positioniert sein der aber mit der unternen Linie abschließt ... schwer zu erklären daher hier eine kleine Zeichnung Der Linke Container kann in der Höhe variiern soll aber immer an dem unterne Container Ende ausgerichtet werden. Ich hoffe ihr versteht was ich meine .... wie kann ich das am besten mit css anstellen?? danke für eure hilfe ... Geändert von scripper (30.06.2009 um 20:14 Uhr) |
Sponsored Links |
|
|||
Hallo,
das ganze kannst imho nur mit einer absoluten positionierung lösen ... ich würde den linken container mit #container_left { position:absolute; left:0px; bottom:0px; } am Elternelement ausrichten ... damit das ganze funktioniert muss auch das Eltenelement "position:absolute" oder "position:relative" per CSS zugewiesen bekommen floats funktionieren dann allerdings nicht mehr ... du kannst dem "container-right" dann einfach den benötigten margin-left zuweisen ... |
Sponsored Links |
|
||||
Es geht auch mit den table-Eigenschaften (was auch besser ist, da sich Elternelemente mit abs. pos. Inhalten nicht mehr an diese anpassen können), allerdings ist dies dank IE < 8 relativ mühsam, siehe folgendes Prinzip (ist leicht auf divs etc. übertragbar): Centering (horizontally and vertically) an image in a box
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
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 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |