Simples CSS Anfängerproblem

[Kristin]

Hallo Profis!

Ich habe ein Problem, welches Ihr sicher in zwei Sekunden lösen könnt, daher hoffe ich auf Eure Hilfe.

Ich brauche folgendes:

Ein Element, welches 30 Pixel hoch ist und 400 Pixel lang
Dieses soll dreigeteilt sein, das linke 100 Pixel, das mittlere 200 Pixel, das rechte 100 Pixel.

Also so:

----------------------------------------
|         |                 |          |
----------------------------------------

In allen drei steht Text, alle drei brauchen eine unterschiedliche Farbe. Habe es schon mit diversen Floats probiert, aber es sieht nie in allen Browsern zuverlässig gleich aus...
Dabei sollte es doch so einfach sein.

Als Tabelle wäre es einfach, aber es darf keine sein:

<table width="400" height="30" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" bgcolor="#CCCCCC">&nbsp;</td>
    <td bgcolor="#666666">&nbsp;</td>
    <td width="100" bgcolor="#333333">&nbsp;</td>
  </tr>
</table>

Danke und Kuß an alle Helfenden,
Kristin

[Dennis]

Hi Kristin,

Ein Element, welches 30 Pixel hoch ist und 400 Pixel lang
Dieses soll dreigeteilt sein, das linke 100 Pixel, das mittlere 200 Pixel, das rechte 100 Pixel.

Hast du dir schon mal das SELFHTML Kapitel zu dreispaltigen Layouts angeschaut? Das bietet dir eigentlich genau die Grundlage, was du für dein Vorhaben benötigst.

MfG, Dennis.