Tabelle zentrieren mit CSS

Diskutiere mit über: Tabelle zentrieren mit CSS im Web Page Design Forum

  1. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.737
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    ich habe ein kleines Problem. Ich möchte eine Tabelle mittels CSS zentrieren aber das geht nicht. Ich habs wie folgt versucht. Vielleicht habe ich ja Tomaten auf den Augen und finde den Fehler nicht.
    Ich dachte mit margin-left bzw -right müsste das funktieren

    Dreamweaver Bibliothekselement

    <link href="../css/fuss.css" rel="stylesheet" type="text/css">
    <table class="fuss">
    <tr>
    <td>&copy; 2000 - 2003 VCP Denkendorf
    / Markus Burkhardt<br>
    letzte Aktualisierung am <!-- #BeginDate format:Ge1 -->17.03.2003<!-- #EndDate -->
    </td>
    </tr>
    </table>


    Stylesheet

    /* Stylesheets für Schriftformatierung und Hintergrund */

    table.fuss { background-image: url(../bilder/banner_fuss.gif);
    height: 59px;
    width: 950px;
    border="0";
    margin-left:auto;
    margin-right:auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    color: #FFFFFF;
    text-align: center;}
     
  2. Lars Beck

    Lars Beck MacUser Mitglied

    Beiträge:
    79
    Zustimmungen:
    0
    Registriert seit:
    14.03.2003
    Das Attribut margin definiert den Freiraum um ein Block-Level-Element, hat aber nichts mit dessen direkter Ausrichtung zu tun.

    Hier das korrekte Stylesheet (ich habe mir auch erlaubt, einige andere Klopper zu korrigieren): ;)

    PHP:
    table.fuss
    {
       
    font-family:  VerdanaArialHelveticasans-serif
       
    font-size8pt;
       
    color#FFFFFF; 
       
    background-imageurl("../bilder/banner_fuss.gif"); 
       
    height59px;
       
    width950px;
       
    bordernone;
       
    font-size8pt
       
    text-aligncenter;
       
    aligncenter
    }
     
  3. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.737
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    danke für die korrektur, nur das Hintergrundbild kommt mit deinem Link nicht, außerdem ist die Tabelle immer noch nicht zentriert. Der IE zeigt die Seite ohne Zentrierung an, während Netscape durch Einsatz von margin alles zentriert.

    Was muß ich jetzt für den IE hinzufügen.

    mfg
    Mauki
     
  4. Lars Beck

    Lars Beck MacUser Mitglied

    Beiträge:
    79
    Zustimmungen:
    0
    Registriert seit:
    14.03.2003
    Ich habe bei Deiner Hintergrund-Definition die Gänsefüßchen eingefügt, die ich an anderer Stelle gelöscht hatte ... also einfach weg damit und dann klappt's wieder. :rolleyes:

    Ich habe es nochmal Revue passieren lassen, für ein BL-Element müsste margin eigentlich doch korrekt sein, allerdings könnte der Fehler in den nicht vorhanden relativen Maßangaben (s. unten) gelegen haben:

    PHP:
    table.fuss
    {

    font-familyVerdanaArialHelveticasans-serif;
    font-size8pt;
    color#FFFFFF; 
    background-imageurl(../bilder/banner_fuss.gif);
    height59px;
    width950px;
    bordernone;
    font-size:8pt;
    text-aligncenter;
    margin-left1em auto;
    margin-left1em auto
    }
    Probier's mal aus, vielleicht war es das ja schon. :)
     
  5. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.737
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    ne eigentlich nicht. Mit meiner margin Formatierung wird es im Netscape korrekt zentriert. Ich habe mal bischen gesucht und gefunden das der IE das nicht interpretiert, der braucht ne andere Angabe. Ich probier das mal aus.

    mfg
    Mauki
     
  6. Lars Beck

    Lars Beck MacUser Mitglied

    Beiträge:
    79
    Zustimmungen:
    0
    Registriert seit:
    14.03.2003

    Das meinte ich, irgendwie hatte ich obige Angabe im Hinterkopf. Nach CSS-Definition gehört eine Tabelle aber auch zur gleichen Kategorie wie normaler Text, müsste also eigentlich übergeordnet zentriert werden.
     
  7. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.737
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
  8. Lars Beck

    Lars Beck MacUser Mitglied

    Beiträge:
    79
    Zustimmungen:
    0
    Registriert seit:
    14.03.2003
    Man lernt halt nie aus. Aber gut zu wissen, dass es eine Möglichkeit gibt. [​IMG]
     
Die Seite wird geladen...
Ähnliche Themen - Tabelle zentrieren CSS Forum Datum
Interaktive Tabelle Web Page Design 20.07.2015
Tabelle: Zeielnhöhe (tr) will einfach nicht ??? Web Page Design 13.10.2010
Tabelle zentrieren Web Page Design 05.10.2007
tabelle mittig zentrieren bei Browserskalierung Web Page Design 23.07.2006
[CSS:]Zentrieren einer Tabelle Web Page Design 23.02.2006

Diese Seite empfehlen

Benutzerdefinierte Suche