Ich erhielt gerade im Chat eine Frage zu meinem Tutorial Zweispaltiges Layout, in der es darum ging, dass nicht beide spalten gleich groß sein sollen, wofür das Tutorial ja eigentlich ausgelegt war. Es folgt eine Ergänzung für unterschiedliche Breiten.

Die Markup-Struktur ändert sich geringfügig:
Html:
<div id="container">
   <div id="left">
      <p>Inhalt der Linken spalte.</p>
   </div>
   <div id="right">
      <p>Inhalt der rechten Spalte</p>
   </div>
   <br class="clearer" />
</div>


Der Stylesheet sieht so aus:
Html:
<style type="text/css"><!--
  #left {
      float: left;
      width: 190px; /* Breite der linken Spalte beliebig anpassen */
  }

  #right {
      float: right;
      width: 500px; /* Breite der rechten Spalte beliebig anpassen */
  }

  #container {
      width: 700px;
      /* Spaltenbreiten addieren und eine kleine Pufferzohne frei halten (hier 10px) */
  }

  .clearer {
      clear: both;
      line-height: 0;
  }
--></style>


Für mehr als die kurzen Kommentare im Stylesheet habe ich an Erklärungen gerade nicht viel Zeit, sorry.