Text in div ausrichten
Tobias H
- css
0 Siechfred0 Dieter Raber0 Steel
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
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
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
Hi!
Vertikale Zentrierung kann der IE nicht ausserhalb von richtigen Tabellen.
Richtige Browser koennen einem Element die entsprechende Eigenschaft per CSS zuweisen.