float - Positionierung

[Steel]

Moin!

ich möchte, dass die rechte Spalte erstens rechts bleibt und in der Breite beschränkt wird.

Ja. Das stellt auch kein Problem dar. Wenn ich die Seite auf Bildschirmbreite aufrufe, ist alles ok.

#rechts {
  height:1000px;
  /*width:150px;*/
}

erstens klappt so, zweitens natürchlich nicht.

Nehme ich die Kommentierung raus, ruscht die rechte Spalte nach ganz unten.

Dann hat der Container nicht genug Platz neben den anderen.

Desgleichen der Container news2:

#news2 {
border: 1px solid #344175;
/*width:150px;*/
}

Was dort besonders irritierend ist, dass der Rahmen quasi durch die ganze Seite läuft.

Weil Divs nunmal von sich aus 100% breit sind.

Eigentlich soll auch die gesamte Seite zentriert werden. Das dies nicht funktioniert, ist aber ein Folgefehler?!??

#main {
  margin:0 auto;
  /*width:100%;*/
  }

Ist doch zentriert. Das Element (div) ist, hier kannst Du dir die CSS Angabe von 100% auch sparen, genauso breit wie der Viewport (100%).  Du musst schon eine kleiner Breite angeben, als der Viewport breit ist. Eine Mindestbreite macht Sinn, damit die floatenden Elemente nicht untereinander rutschen, wenn der Platz zu eng wird.

Irgendwie seh ich den Wald vor lauter Bäumen nicht und hab mich darin komplett verfranzt.

Mal kurz etwas offtopic: Weisst Du warum man sich verfranzt? Frueher wurde der Navigator in einem Flugzeug Franz genannt. Wenn der Franz sich vertan hat, man sich also verflog, hat man sich verfranzt. ;)

Um dich zu entfranzen empfehle ich einen Debugger oder DOM Inspektor. Der IE kommt mittlerwile mit Tools an Bord (F12). Firefox laesst sich auch gut mit diversen Tools nachruesten.