DIV Container rechts, 29% breit ABER mindestens 350px

[chris4712]

Hallo!

Ich möchte die Seite unterteilen. Auf der rechten Seite soll ein DIV Container sein, der 29% breit ist, aber mindestens 350px.
Links der Container soll die restliche Breite ausfüllen. Irgendwie bin ich zu doof:

#LeftColum{
	height:20em;
	float:left;
	width:100%;
	background-color: RED;
}

#LeftColum-inner {
	margin:0px 29% 0px 0px;
}

#RightColum{
	height:20em;
	width: 29%;
	min-width: 350px;
	float:left;
	background-color:#666666;
	margin-left:-29% !important;
}

Könnt ihr mir mal bitte auf die Sprünge helfen. DANKE!

 

[goto;]

Hallo,
ich hoffe, ich habe deine Frage richtig verstanden. Hier mal mein Beispiel:

<style>
#LeftColum {
	float:left;
	width:71%;
	border:1px solid red;
}
 
#RightColum{
              margin-bottom: 0px;
	margin-left: 71%;
	margin-right: 0px;
	margin-top: 0px;
	width:29%;
	min-width:350px;
   	border:1px solid black;
}
</style>
<div id="LeftColum">Links</div>
<div id="RightColum">Rechts</div>

Hoffe deine Frage ist beantwortet

Viele Grüße

 

[chris4712]

Prinzipiell schon, aber:
Wenn ich das Fenster verkleiner, so dass min-width:350px "aktiv" wird, schiebt sich das ganze nach rechts aus dem Fenster.
Schöner wäre es, wenn der Container auf der linken Seite dann einfach nur schmäler würde.

 

[chris4712]

Muss noch mal nachhaken:

Hab mal weiter gebastelt... Aber immer noch nicht richtig:

html, body {
	margin: 0px;
	padding: 0px;
}

#container{
	background-color: Green;
/*	padding-right: 350px;*/
	height: 500px;
	border-right: 350px inset;
}

#LeftColum{
	background-color: red;
	position: relative;
	width: 100%;
	z-index: 2;
/*	border-right: 350px solid Navy;*/
}
 
#RightColum{
	background-color: Orange;
	width: 50%;
	min-width: 350px;
	float: right;
	position: relative;
	right: -350px;
}

<div id="container">

   	<div id="LeftColum">
			Links
		</div>

		<div id="RightColum">
			Rechts<
		</div>	

</div>

Das muss doch gehen?!