Ich hab das jetzt mal so gemacht:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.container {
margin:0;padding:0; width:500px;}
.left {
background-color:#EEE;
}
.right {
float:right;
background-color:#CCC; border-left:10px solid white;
width:25%;
}
-->
</style>
</head>
<body>
<div class="container">
<div class="right">
Spalte 2 Spalte 2 Spalte 2 Spalte 2 Spalte 2
</div>
<div class="left">
Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1 Spalte 1
</div>
</div>
</body>
</html>
Ich kann dir allerdings auch nicht genau sagen, warum es funzt, wenn man die Reihenfolge der Container vertauscht. Fiel mir irgendwann mal auf, als ich so ein Float-Layout gebastelt hatte.
HTH