nicht angemeldet
Tach,
Die URL würde ich gerne posten wollen, aber die Seite existiert nur in einem Intranet.
<verstellteStimme style="Verschwörer">psst, es gibt zahlreiche Gratishoster, die für solche Zwecke super geeignet sind.</verstellteStimme>
Ich möchte in einer Tabellenzelle, die im oberen Teil aus "n" Links besteht, darunter eine Linie (per Grafik eingefügt) und darunter ein Bild enthält, den oberen Teil (sprich die Links und die Linie) oben mit dem bündig am Zellenrand platzieren und den unteren Teil (also das Bild) im verbleibenden Platz der Zelle mittig platzieren.
Das größte Problem hierbei ist die Tabelle, denn "The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined." Quelle, die Lösung wäre jetzt also, z.B. ein Block-Element (z.B. div) in der Zelle, das die volle Zelle ausfüllt und den Inhalt enthält. Dann hast du aber das Problem, dass vertical-align bei Block-Elementen anders wirkt als du dir das wünschen würdest, deswegen mußt du line-height, so manipulieren, das es so groß ist wie die Zelle. Da line-height vererbt wird, muß es für den positionierten Block wieder aufgehoben werden.
"Simples" Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head><title>Ein Tabellenlayout tritt sich selbst in den Hintern.</title</head>
<body>
<table style="margin-left:auto; margin-right:auto;">
<tr>
<td style="height:200px; width:400px;">
<div style="position:relative;width:100%; height:100%; vertical-align:middle;line-height:200px;">
<p style="position:absolute; margin:0; line-height:100%;">
Testtext2
</p>
zentrierter Testtest
</div>
</td>
</tr>
</table>
</body>
</html>
mfg
Woodfighter
Struppi