Höhen-variable Divs nebeneinander

[fbfeix]

machs doch einfach so:
variabler geht es nicht:

.left
{
float: left;
width: 620px; /*bzw. dein Wert*/
}
.right
{
float: right;
width: 620px; /*bzw. dein Wert*/
}

diese Klassen dann einfach deinen Divs zuordnen, je nachdem auf welcher Seite du sie haben willst

 

[campari]

@fbfeix, so läufts auch nicht
http://jsfiddle.net/K5eqd/


Denke, dass hela leider Recht hat, und es irgendie über JS gelöst werden muss.

 

[fbfeix]

und wieso machst dus nicht so?

http://jsfiddle.net/K5eqd/4/
und fügst dann in #1 deine divs ein und in #2 deine divs ein

 

[TheBodo]

Das wäre meine Idee:

div {   
  width: 60px;  
  border: #ff0000 1px solid;
  margin: 10px 10px 10px 10px;
}

#wrap  {  
  width: 150px;
}

div.left {
  float: left;  
}

div.right {
  margin: 10px 10px 10px 80px; 
}

div.small {
  height: 20px;
}

div.medium {
  height: 40px;
} 

div.large {
  height: 60px;
}

Die Höhen in den Größen-Klassen sind nur zu Demozwecken da.
Müssteste auch weglassen können.

Alles auch zu finden unter:

http://jsfiddle.net/K5eqd/31/