Möchte den Text (“Copyright © 2008 Andre…”) in meinem Footer (Hier zu finden) vertikal zentriert haben.
Derzeit hab ich das so gelöst:
<table width="100%" height="100%">
<tr>
<td>
...
</td>
</tr>
</table>So ist es jedoch nicht (X)HTML konform. Wie kann ich das eleganter lösen? Mit vertikal-algin funktionierd es irgendwie überhaupt nicht…
CSS ist hier
Mach es doch einfach so:
und das Style dazu:
div#footer{
font-size: 16px;
background-color: #000000;
color: #FFFFFF;
margin: 0 46px 0 70px;
padding-top: 22px;
padding-bottom: 22px;
text-align: center;
clear: both
}
Nun, die Tabelle ist ja offensichtlich inhaltlich schon unsinnig,
daher läßt du die weg.
Nun wirkt CSS vertical-align auf inzeilige Elemente oder auf
Tabellenzellen. #footer ist aber ein div (könnte man auch ein
p draus machen). Ich würde mal vermuten, daß wenn man
line-height auf die gleiche Höhe setzt wie die Höhe von #footer,
so könnte vertical-align auf den Text wirken, gegebenenfalls erst
wenn man ein inzeiliges Element wie span um den Text macht
auf das line-height und vertical-align anwendet.
Andere Methode wäre einfach, #footer eine Höhe in em zu
geben und padding-top und padding-bottom gleich zu wählen,
so daß Texthöhe und padding die Gesamthöhe von #footer
ergeben.
Gibt noch andere Möglichkeiten, aber obiges sollte man erstmal
ausprobieren.
font-size sollte man für Fließtext nicht in px angeben, Angaben
in Einheiten wie em, ex, % sind nutzerfreundlicher, besonders
wenn sie nicht kleiner als 1em sind (wenn die Bedingung
eingehalten werden kann, kann man natürlich als Autor auch
anderen Einheiten wie px wählen, da man als Autor aber nicht
von px nach em umrechnen kann, ist das praktisch
ausgeschlossen, weswegen px, pt, mm etc für Text keine
sinnvollen Einheiten sind.
Bei font-family gibt man auch immer als letztes eine
generische Schriftfamilie an, hier wohl ‘sans-serif’.
Ja ich weiß, dass ich nicht px verwenden sollte aber hatte noch nicht Zeit zum umstellen…
Also ich werd das dan mal so probieren…
So ich habs jetzt mit line-height und vertikal-aligin gemacht.
Und hat perfekt funktionierd… 
Diese Tabelle war mir auch schon lange ein Dorn im Auge aber ich wusste nicht wirklich wie ich es anders machen sollte 
