Moonfire: Problem mit: float:left;

Beitrag lesen

HI, hier mein problem
---------------------------------------------------------------------
Ausschnitt aus der HTML-Datei:
---------------------------------------------------------------------

<div class="links"> Ich bin da wo ich hin will, aber mein float geht nicht </div>
<div class="mitte"> Ich will waagrecht mittig sein und nicht senkrecht mittig.</div>
<div class="rechts">Hey ich will rechts stehen und nicht unten </div>

---------------------------------------------------------------------
Ausschnitt aus der CSS Datei:
---------------------------------------------------------------------

.links {background-color:#F79400; width:15em; float:left;}
.mitte {background-color:#990000; width:15em; }
.rechts {background-color:#008800; width:15em; }

---------------------------------------------------------------------
Schilderung des Problems:
---------------------------------------------------------------------

Ich will diese 3 Boxen nebeneinder haben und nicht untereinander. (Ich will CSS als Framersatz nutzen, weil ich in der CT so einen Artikel gelsen habe. ;) ) Also dachte ich wenn ich das das div "links" mit float:left; versehe, reihen sich die anderen dann daneben an wenn sie noch Platz haben. Wenn ich float beim div "mitte" defieniere klappt das ja auch, d.h. das div "rechts" ordnet sich dann auch rechts von dem div "mitte" ein.

Wenn ich mit nur zwei Kästen arbeite klappt das ganze nur wenn ich den 1. float:left und den 2. float: right mache.

Auch habe ich das gefordete width in die CSS-Datei aufgenommen.

Als Browser ferwende ich Mozilla Firebird.

Weiß jemand Rat?

---------------------------------------------------------------------
mfg Moonfire
---------------------------------------------------------------------

P.S. Gibt es einen gut besuchten Deutsch sprachigen (SELF-) HTML  IRC channel?

--------------------------------------------------------------------