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:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

#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!

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

HTML-Code:

<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

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.

Muss noch mal nachhaken:

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

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

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; }

Code :

1 2 3 4 5 6 7 8 9 10 11

<div id="container">       <div id="LeftColum">             Links         </div>           <div id="RightColum">             Rechts<         </div>    </div>

Das muss doch gehen?!