|
|||
2 div container, 2. orientiert sich am 1.
Ich habe folgendes Problem, weil man mit css nicht einfach wie in tds valign=bottom sagen kann:
2 div container nebeneinander, der 2. soll sich am 1. orientieren. Im Moment habe ich die beiden in einem umgebenden div, weil danach drunter auch noch content kommt. In den beiden divs steht text. Wenn der Text im ersten div länger wird und umbricht, soll der 2. div mit runter rutschen, d. h. er soll sich am unteren Rand des 1. divs ausrichten. Oder halt nur der Inhalt des 2. divs. Hat jemand eine Idee, wie es funktionieren könnte? Code poste ich jetzt mal keinen, weil er sowieso nicht funtioniert... |
Sponsored Links |
|
|||
Re: 2 div container, 2. orientiert sich am 1.
Zitat:
http://www.byteshift.de/alistapart/fauxcolumns/ |
Sponsored Links |
|
|||
code:
<div id="headlines"> <div id="pagetitle"><h2>Hier steht ein Seitentitel der umbricht der umbricht</h2></div> <div id="functiontitle"><h3>Funktionsspalte</h3></div> </div> css: div#headlines { position: relative; margin-top: 6px; width: 640px; padding-left: 208px; float: clear; } div#pagetitle { position: relative; width: 192px; float: left; } div#functiontitle { position: relative; width: 208px; float: left; padding-left: 16px; } Und so sieht es aus: http://www.sweetballs.net/tmp/kemai Der rechte Text soll an den unteren Rand. Es muss hier alles relativ positioniert sein, weil darunter weiterer content kommt, der sich ebenfalls verschieben muss, wenn die Headline im div pagetitel umbricht. |
|
|||
Zitat:
Code:
<div id="headlines"> <h2>Hier steht ein Seitentitel der umbricht der umbricht</h2> <h3>Funktionsspalte</h3> </div> Zitat:
Außerdem gibt es "float: clear" nicht. Ich denke du meinst "clear: left;" (oder "clear: both"). Und das brauchst Du aber nur wenn div#headlines nach einem gefloatetem Element kommt. Code:
* { margin: 0; padding: 0; } div#headlines { position: relative; margin-top: 6px; width: 640px; padding-left: 208px; clear: left; } div#headlines h2 { width: 192px; margin: 0; padding: 0; } div#headlines h3 { position: absolute; right: 0; bottom: 0; width: 208px; padding-left: 16px; } Robin |
|
|||
Vielen Dank für die Antwort. Leider richtet sich die rechte Headline immer noch nicht unten aus.
Das mit den Texten ist leider ein Problem das stimmt. Sieht wohl so aus als würde es derzeit keine Lösung für das Problem geben. Sollte ich eine finden, werde ich sie hier posten. |
|
|||
Zitat:
Robin |
Sponsored Links |
|
|||
Ha, es geht doch!
Sorry, ich hatte deinen Code mit meinem Code vermischt und übersehen dass da bei h2 und h3 noch ein Abstand nach unten definiert war. Über den habe ich den Abstand zum nachfolgenden Content geregelt, aber das kann ich ja jetzt über den umgebenden div machen. Vielen Dank für die Hilfe!! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrundbild via css sprite dynamisch am Div Container anpassen. | BallaBalla07 | CSS | 2 | 04.06.2013 16:40 |
Div Container beinhaltet weitere Divs,wie den Container scrollen lassen? | SpecialK | CSS | 9 | 01.09.2008 12:17 |
verständnis html oder css DIV CONTAINER | creative100 | CSS | 1 | 20.08.2008 01:31 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |
div container verschachteln | blau | CSS | 2 | 05.12.2006 20:44 |