Textpositionierung

[Momchilo]

Hi,
auf folgendem Bild sieht man das Problem sehr gut.
http://img195.imageshack.us/img195/5239/shoutboxa.jpg
Die Überschrift "Shoutbox" soll in die Mitte des blauen Hintergrundbildes.

<div class="navi_shout"><div class="naviueberschrift">Shoutbox</div></div>

.navi_shout
{
  margin-left: 2%;
  background-color: #1a1a1a;
  margin-top: 15px;
  padding: 0px;
  
}

.naviueberschrift
{
  color: #FFFFFF;
  background-color: #1a1a1a;
  text-align: left;
  line-height: 25px;
  background: url(images/buttone.png) no-repeat;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

Wenn ich bei "text-align" center nehme, ist die Überschrift in der Mitte des gesamten Bildschirms. Gibt es dafür eine saubere Lösung (Tabellen soll man so weit ich weiß vermeiden)?

Gruß
Momchilo

 

[_Thor_]

Wenn das eine Überschrift sein soll, warum zeichnest du sie dann nicht als solche aus?

text-align: center; ist schon die richtige Wahl, dazu musst du der Überschrift aber eine Breite geben, dann sollte es auch bei dir passen.

Tabellen sind für das Layout nicht geeignet, für das Auszeichnen tabellarischer Daten hingegen, sind sie die einzig richtige Wahl.