Tabellen vertical ausrichten
Dirk
- css
Hallo,
ich habe folgendes Problem, ich finede keine Lösung meine Tabelle vertical mit css auszurichten.
Ich suche jetzt schon fast 2 Stunden im Archiv nach einer passenden Lösung aber finde keine, aber anscheinend ist die verticale Ausreichtung doch nicht so ganz einfach - auch nicht mit css.
Ich möchte auch keine Tabelle in Tabelle machen da ich gerade erst css lerne und versuche so sauber wie möglich zu schreiben.
Ich habe auch schon fast alle möglichen Lösungsvorschläge ausprobiert aber das Ding will einfach nicht in die Mitte des Browserfenster rutschen. Für eine Lösung währe ich euch unendlich dankbar.
hier mein Quelltext:
html>
<head>
<title>index</title>
<style type="text/css">
table { table-layout:fixed; margin:auto; }
</style>
</head>
<body>
<table border="5">
<tr>
<td style="width:250px">Bild1</td>
<td style="width:20px">leer</td>
<td style="width:250px">bild2</td>
<td style="width:20px">leer</td>
<td style="width:250px">Bild3</td>
</tr><tr>
<td style="width:250px">unerschrift1</td>
<td style="width:20px">leer</td>
<td style="width:250px">unerschrift1</td>
<td style="width:20px">leer</td>
<td style="width:250px">unerschrift1</td>
</tr><tr>
<td style="width:250px">Bild4</td>
<td style="width:20px">leer</td>
<td style="width:250px">bild5</td>
<td style="width:20px">leer</td>
<td style="width:250px">Bild6</td>
</tr><tr>
<td style="width:250px">Bild4</td>
<td style="width:20px">leer</td>
<td style="width:250px">bild5</td>
<td style="width:20px">leer</td>
<td style="width:250px">Bild6</td>
</td>
</table>
</body>
</html>
mfg
Dirk
Hi Dirk,
Vielleicht so!?
<style type="text/css">
body {text-align: center;}
table { table-layout:fixed; margin:auto;
with: 790px;
}
</style>
Hi Dirk,
Vielleicht so!?
<style type="text/css">
body {text-align: center;}
table { table-layout:fixed; margin:auto;
with: 790px;
}
</style>
»»
Nee, ging leider auch nicht.
trotzdem Danke
mfg Dirk
Hi Dirk,
Vielleicht so!?
<style type="text/css">
body {text-align: center;}
table { table-layout:fixed; margin:auto;
with: 790px;
}
</style>
Ich hoffe u warst so schlau meine Schreibfehler zu korrigieren!?
Das habe ich gerade getestet un ist mittig!:
body {background-color:red; width:100%; text-align:center;}
table { table-layout:fixed; width:800px; margin:auto; }
bydey
Hi Dirk,
Vielleicht so!?
<style type="text/css">
body {text-align: center;}
table { table-layout:fixed; margin:auto;
with: 790px;
}
</style>
Ich hoffe u warst so schlau meine Schreibfehler zu korrigieren!?
Das habe ich gerade getestet un ist mittig!:body {background-color:red; width:100%; text-align:center;}
table { table-layout:fixed; width:800px; margin:auto; }bydey
Also außer dass der Bildschirm rot wird tut sich da überhaupt nichts
mfg
sorry dass es solange gedauert hat hab verdessen meinen Namen ins Betreff-Feld zu cshreiben und wundere mich warum es nicht geht :-)