Kai Lahmann: Jetzt langts...vertikal ausrichten

Beitrag lesen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>kann keiner</title>
</head>

<body style="height:100%;width:100%;margin:0px;">
<div style="height:100%;width:100%;margin:0px;">
<div style="height:300px;width:300px;margin:auto;">Hallo Mitte?</div>
</div>
</body>
</html>

das machen alle gleich falsch (ie5/6, op5/6, nn6) horizontal ja, vertikal nein. Womit in der Praxis weder für Block- noch für Inline-Elemente ein brauchbare Ausrichtung möglich ist.

stimmt, so MÜSSTE es gehen, sogar ohne das äußere <div> meiner Meinung nach. Wenn man dieses durch eine Taballe ersetzt klappt's - schade irgendwie. Vielleicht kommt ja doch noch das einstmals geplante "[vertical-]alignment" was dann den klasischen "[v]align" entspricht (siehe hierzu u.a. SelfHTML 7.0)
dafür habe ich gerade im CSS3 Box-Model-WD entdeckt, dass zumindest dort "margin:auto" einem "margin-left:auto;margin-right:auto;margin-top:0px;margin-right:0px;" zu verstehen ist (bei primär horizontalen Textfluss). margin-top und margin-bottom muss man also ausdrücklich auf auto setzen. Das hat aber bei meinen Tests auch nicht geklappt :(

Und *verstohlen-in-selfhtml-guck* ist td eigentliche ein Inline oder ein block-Element oder weder noch?

es gibt ein display:table-cell. Ansich ist es ein spezielles block-Element.

gruss Kai