Textabsätze Ausrichten

[Amalia]

Hallo,
ich weiß mal wieder nicht weiter, bzw. ich steh völlig auf dem Schlauch.

Hier mal die Seite: Imoilus FanFictions

ich möchte, dass das rote und das grüne Kästchen nebeneinander stehen unter dem violetten.
Der blaue Kasten, soll sich an den roten bzw. dem grünen Kästen ausrichtet, je nachdem welches das längere ist.

Hier der CSS Code, mit dem ich das alles versuche auszurichten.

*{margin:0;
padding:0;
}

#lisp { margin-left:200px;
        width:400px;
        border-width:medium; border-color:#ff0000; border-style:solid;
      }

.hinweise { font-family:'Times New Roman', serif, sans-serif;
                 font-size:1.2em;
                 color:#3f3e4d;
          }

#resp { margin-left:625px; margin-right:150px;
            border-width:medium; border-color:#00ff00; 
            border-style:solid;
      }

.kapitel { list-style-type:none;
              display:inline;
              font-family:'Times New Roman', serif, sans-serif;
              font-size:1.1em;
               color:#3f3e4d;
           }

.texte { font-family:'Times New Roman', serif, sans-serif;
            font-size:1.2em;
            color:#3f3e4d;
            margin-left:200px; margin-right:150px;
            border-width:medium; border-color:#0000ff; 
            border-style:solid;
       }

Schon mal danke für die Hilfe, vom Schlauch runter zu kommen.

 

[threadi]

Gib dem Grünen eine feste Breite, floate beide und entferne die margins. Nach den beiden Kästchen noch clearen, damit das float sich nicht auf die restliche Seite "auswirkt".

 

[Amalia]

Prima, so gehts!!!

Vielen lieben Dank!!!