Positionierungsproblem

[Benny]

Hallo,
ich wäre über Hilfe mal wieder sehr dankbar. Es geht um ein Positionierungsproblem mittels CSS. Auch wenn es zahlreiche "Spaltenbeispiele" gibt (auch auf SelfHTML) habe ich nicht das richtige gefunden.

Ich möchte auf meiner Seite ein 2-spaltiges Layout, die nebeneinander stehen. So weit, so gut. Aber jetzt ist es so, dass nicht wie so oft, die linke Spalte fix sein soll, sondern die rechte Spalte. Sprich die linke Spalte sollte eine variable Breite haben.

Meine Versuche endeten hier:

  
#inhalt_rechts {  
	float:right;  
	width:150px;  
	border:1px solid #444;  
	margin:20px 50px 50px 10px;  
	padding:15px;  
	font-size:1.4em;  
	line-height:1.2em;  
	}  
		  
#inhalt_links {  
	margin:20px 5px 50px 50px;  
	border:1px solid #444;  
	padding:15px;  
	line-height:1.6em;  
	font-size:0.9em;  
	text-align:justify;  
	min-width:300px;  
	}  

  
<div id="inhalt_rechts">Inhalt mit fixer Breite</div>  
<div id="inhalt_links">Inhalt mit variabler Breite</div>  

• Meine Lösungsidee war zum einen das 2-Spalten-Layout aus SelfHTML rauszukopieren und einfach die Spalten zu vertauschen und "float" anzupassen und die Reihenfolge ändern --> aber die Spalten waren nicht nebeneinander.

• Meine zweiter Lösungsversuch mit einem 3-Spalten-Layout und die linke Spalte einfach auf 1% zu setzen ist nicht wirklich gut programmiert.

Wär super, wenn mir jemand helfen könnte. Ich befürchte, dass es eine "ganz einfache" Lösung gibt, aber irgendwie steh ich aufm Schlauch.

Vielen Dank
Gruß Benny