• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit horizontal und vertikal zentrieren

Status
Für weitere Antworten geschlossen.

Nofearboy

Neues Mitglied
Ich habe ein Problem.

Ich muss eine Tabelle <table> für meine Webseite horizontal und vertikal zentrieren. Ich habs irgendwie schon mit allem Ausprobiert. Ich war sogar schon so verzweifelt, dass ich versucht hatte align und valign einen <table> - Tag zu packen.

Bitte helft mir... es ist wichtig!
 
Werbung:
Horizontal zentrieren
Du kannst mit einem div, dem CSS-Attribut text-align und dessem Wert center arbeiten oder dem CSS-Attribut margin und dessem Wert auto arbeiten.

Vertikal zentrieren
Du kannst mit dem CSS-Attribut margin-top arbeiten und es dann manuell ausrichten oder ihm den Wert auto zuweisen, du kannst aber auch folgendes machen:
HTML:
<table style="width:100%, height:100%;">
    <tr>
        <td style="vertical-align:middle;">
            [INHALT]
        </td>
    </tr>
</table>

Mit dieser Möglichkeit kannst du auch gleich beides in einem realisieren:
HTML:
<table style="width:100%, height:100%;">
    <tr>
        <td style="vertical-align:middle; text-align:center;">
            [INHALT]
        </td>
    </tr>
</table>

» text-align bei css4you
» margin bei css4you
» margin-top bei css4you
 
Ich hab aber ein Problem... ich habe 3 Einzelne "td´s" die in einer <table> sind... und weiß net was ich machen muss
 
Werbung:
Dann packst du diese Tabelle einfach in den von mir genannten Code rein, also so:
HTML:
<table style="width:100%, height:100%;">
    <tr>
        <td style="vertical-align:middle; text-align:center;">
            <table>
                <tr>
                    <td>
                        [INHALT]
                    </td>
                    <td>
                        [INHALT]
                    </td>
                    <td>
                        [INHALT]
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
Ich bin mir aber nicht ganz sicher, ob ich dich richtig verstanden habe.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben