bearvsshark: div ragt über Seitenende hinaus

Hallo zusammen,

ich möchte bei meiner Homepage zwei divs nebeneinander platzieren, eins für den Hauptinhalt und eine Art Seitenleiste. Leider ragt die "Seitenleiste" aber immer unten über das Seitenende hinaus, anstatt mit dem Hauptinhalt bündig abzuschließen.
Hier könnt ihr sehen, was ich meine: http://www.vmprs.de/test

Die CSS-Datei findet ihr hier.

Ich hoffe, ihr könnt mir helfen!
Vielen Dank schon mal!

bearvsshark

  1. Ich hoffe, ihr könnt mir helfen!
    Vielen Dank schon mal!

    Hi, warum machst du das ganze nicht mit Hilfe von "float:right/float:left"?

    +-----------------+
    |     Header      |
    +-----------------+
    | .....  ........ |
    | . A .  .   B  . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .   .  .      . |
    | .....  ........ |
    +-----------------+

    Beispiel:
    A positionierst du wo du willst, und bei B machst du nen float:left; somit ordnet sich B links neben A an.

    1. Hey,

      erstmal danke für deine schnelle Antwort!
      Irgendwie bekomme ich das aber nicht hin. Bis jetzt sieht das bei mir so aus:

      #content_left {  
      	width: 490px;  
      	height: 100%;  
      	padding: 40px 30px;  
      	float: left;  
      	line-height: 1.5;  
      }  
        
      #box {  
      	position: absolute;  
      	width: 220px;  
      	height: 100%;  
      	margin: 0 0 40px 549px;  
      	padding: 40px 20px 0;  
      	line-height: 1.5;  
      	background: #111111;  
      	border-left: 1px dotted #ffffff;  
      }
      

      Was müsste ich denn jetzt genau ändern, damit #content_left und #box beide gleich lang sind?

      1. hi,

        Was müsste ich denn jetzt genau ändern, damit #content_left und #box beide gleich lang sind?

        Hier ein kleiner lesetipp, wie du leicht an dein Ziel kommst:
        http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#kombinationsloesung

        mfg

  2. Vielen Dank für eure Hilfe!
    Leider bin ich noch nicht am Ziel angelangt. Ich habe es zwar hinbekommen, beide divs mittels float nebeneinander auszurichten, aber leider reicht die rechte Spalte immer noch nicht bis zum Ende der Seite.
    Was mache ich noch falsch?

    http://www.vmprs.de/test/