[HTML] CSS und Elemente mit Variabler Breite

**igel457**

Hallo,

ich habe nochmal ein kleines Problem mit HTML und besonders CSS. Ich verwende in meinem Layout nun keine Tabellen mehr und bin stattdessen komplett auf div's umgestiegen. Problem ist nun, dass ich ähnlich wie in der DP so über jeder Box so einen Balken mit abgerundeten Ecken habe.
In meiner Menüleiste ist dieser einfach zu realisieren, da ich die Breite des inneren Teils des Balkens (156px) weiß.

Problematischer wird dies im "Content" Teil. Ich versuche eine "Box" folgendermaßen zu erstellen:

markieren

Code:

			       <div class="box">

          <div class="leftborder"></div>

          <div class="tableheader">Test</div>

          <div class="rightborder"></div>

          <div class="content">

              Hi!

            </p>

          </div>

        </div>

Leider wird "Tableheader" nur auf die Breite des Wortes "Test" skaliert. Wenn ich im Stylesheet die Breite von "Tableheader" auf 100% stelle, so funktioniert dies auch nicht, da das Element dann zu Breit ist und "rightborder" in die nächste Zeile rutscht.

Habt ihr eine Idee wie ich dies am besten ausdrücken könnte (wenn es geht ohne Tabellen)?

Im Anhang befindet sich auch mein ganzes Projekt und ein Screenshot.

Danke im Vorraus,
Igel457

[HTML] CSS und Elemente mit Variabler Breite

[HTML] CSS und Elemente mit Variabler Breite

Forumregeln