Text in div ausrichten

[Tobias H]

Hey Leute,
mein Problem müsste eigentlich relativ einfach zu lösen sein, nur habe ich wirklich keine Idee wie es gehen soll....:D

Zur Sache:
Ich möchte in einem div-tag meine überschrift h1 ausrichten (vertikal mittig sowie auch horizontal).

folgenden code habe ich bereits und mit vertical-align hat´s auch nicht funktioniert:

CSS:

.headline h1 {
 vertical-align: middle;
 text-align: center;

font-weight: normal;
 font-size: 26px;
 text-transform: uppercase;
}

div.headline {
 height: 130px;
 width: 1000px;
}

div.headline #Feld{
 width: 425px;
 height: 130px;

background-color:#FFFFFF;

margin: 0;
 padding: 0;

float: left;
}

HTML:
<div class="headline">
   <div class="Feld"><h1>Testtext</h1></div>
</div>

Habt Ihr vielleicht eine Idee wie ich das anpacken könnte?

Liebe Grüße,
Tobi

[Siechfred]

Ich möchte in einem div-tag meine überschrift h1 ausrichten (vertikal mittig sowie auch horizontal).

Wozu brauchst du dann ein DIV drumherum?

<div class="headline">
   <div class="Feld"><h1>Testtext</h1></div>
</div>

Nene, das ist semantischer Blödsinn.

Habt Ihr vielleicht eine Idee wie ich das anpacken könnte?

Formatiere die *Überschrift* so, wie du sie dir vorstellst. Hx ist ein blockbildendes Element, du kannst also genau die gleichen CSS-Eigenschaften darauf anwenden wie auf deine DIV-Container.

Siechfred

[Dieter Raber]

Hallo Tobias,

<div class="headline">
   <div class="Feld"><h1>Testtext</h1></div>
</div>

Hast du einen triftigen Grund, die Elemente so stark zu schachteln?

HTML:
<h1>Testtext</h1>

CSS:
h1 {
  text-align:center;
}

reicht doch voellig.

Gruß,

Dieter

[Steel]

Hi!

Vertikale Zentrierung kann der IE nicht ausserhalb von richtigen Tabellen.

Richtige Browser koennen einem Element die entsprechende Eigenschaft per CSS zuweisen.