CSS div-Boxen nebeneinander

Hallo,

ich möchte eine Navigation erstellen. Für den linken Abschluss habe ich ein extra Div erstellt, indem per CSS die Abschlussgrafik per background-image eingebunden wird. Jetzt möchte ich in der gleichen Zeile den Mittelteil in einem extra div einfügen und die rechte Abschlussgrafik.

Wie schaffe ich, dass alle in einer Zeile sind? Ich habe was mit float gelesen. Leider kapiere ich das nicht ganz.

Kann mir bitte jemand helfen?

Gruß
Pilleslife

Ganz schematisch mal von meinem Bild im Anhang ausgehend:

code: 1: 2: 3: 4: <div id="a">A</div> <div id="b">B</div> <div id="c">C</div> <div id="d">D</div>

code: 1: 2: 3: #a { float: left; } #c { float: right; } #d { clear: both; }

Keine Ahnung, ob das nun sinniger Code ist und ob das funktioniert. Aber im Großen und Ganzen ist das die Funktionsweise von float. Du schickst das eine nach links, das andere nach rechts.
Ob du #d in der Situation brauchst, um das Float aufzulösen, weiß ich nicht, weil eigentlich steht ja das #b fest im Kontext.
Vielleicht muss #b auch floaten (dann left).

Mehr Infos findest du auch bei:
http://www.css4you.de/float.html
http://www.css4you.de/clear.html

Tut mir Leid, wenns nicht klappt, aber so flüssige Positionierung ist bei mir immer ein Glücksspiel
Jedes Mal aufs Neue

Edit: Sorry, Anhang vergessen xD