Spalten sollen sich nicht überlappen

[juliaa]

Hallo,

ich möchte ein zweispaltiges Layout.

Die linke Spalte ist 15em breit und floatet links.
Die rechte Spalte soll rechts davon sein. Das tut sie nicht (Opera, IE6):

<div style='float:left; width:15em; margin-right:0.5em; border:1px solid #0a0; background:#ffd'>links</div>

<div style='border:1px solid #a00; background:#fdd'>mitte<br>mitte<br>mitte<br></div>
<div style='clear:both'>clear</div>
<br>

>   
> Sowohl der Rahhmen als auch die Hintergrundfarbe der rechten Spalte belegen die gesamte Bildschirmbreite. Lediglich der Text floatet um die linke Spalte.  
>   
> Ich möchte, dass die rechte Spalte rechts bleibt. Lediglich, wenn das Fenster zu schmal ist, soll die rechte Spalte unter die linke rutschen. Damit verbietet sich wohl ein margin-left?  
>   
> Gruß,  
> Schorsc  
  
<div id="GESAMTSEITE">  
<div  style='float:left; width:15em; margin-right:0.5em; border:1px solid #0a0; background:#ffd'>links</div>  
<div style='border:1px solid #a00; background:#fdd'>mitte<br>mitte<br>mitte<br></div>  
<div style='clear:both'>clear</div>  
<br>  
</div>  
  
probier mal so :)