Hallo,
ich habe mir ein zweispaltiges Layout nachgebaut, in etwa so wie es auch in selfHTML beschrieben ist.
Das klappt soweit auch wunderbar, allerings habe ich ein Problem mit einer Spalte:
Also die Grundseite ist schlicht in zwei div's aufgebaut:
<div style='float:left'>
Inhalt links
</div>
<div>
Inhalt rechts
</div>
Nun ist auf der rechten Seite eine Zeile in der Text sowohl links als auch rechtsbündig angezeigt werden soll.
Also so:
<div style='float:left; margin-left:155px;'>linksbündig</div> <div>rechtsbündig</div>
Das margin-left entspricht der Größe der linken Spalte.
Das funktioniert auch wunderbar, solange die linke Spalte keinen Inhalt mehr aufweißt.
Sobald links noch irgendetwas steht verschiebt sich das Ganze nach rechts, weil er es nicht mehr am linken Rand ausrichtet sondern am letzten Element des linken div's.
Zu sehen ist das Ganze hier:
http://www.digitales-lichtbild.de/css-versuch/
(siehe bei Name "christoph", der einmal richtig eingerückt und einmal zu weit rechts ist).
Es muss aufjedenfall was mit dem zweiten float:left zu tun haben - lasse ich das raus wird alles richtig eingerückt, allerdings dann halt nicht mehr in einer Zeile ...
P.S.:
CSS-Datei unter:
http://www.digitales-lichtbild.de/css-versuch/css/haupt.css
Kann mir da jmd weiterhelfen?
MfG,
Jörg