1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

HTML Tabelle nicht mittig..?! hilfe..!

Dieses Thema im Forum "HTML-Editoren" wurde erstellt von darksidexx, 18. Februar 2011.

  1. darksidexx

    darksidexx Grünschnabel

    HI
    bin neu hier und bitte bitte brauche hilfe! ALso ich hab mit NVU eine Vorlage erstellt und die Tabelle ,in der ich halt einen kleinen text erstelle , ist im Firefox mittig aber im IE ist Sie links! Wie kommt das ? Also ich verstehe nicht viel von HTML oder CSS , unter den Tabelleneigenschaften stelle ich auf "zentriert und dann erscheint Sie im IE mittig aber im Firefox dann rechts .Wie bekomme ich es hin das die Tabelle bei beiden mittig ist ! danke für Eure hilfe !...lg
  2. SpiceLab

    SpiceLab ZENmechanic

    Und mit welcher Bedingung / Einstellung zentriert Firefox die Tabelle, die wiederum im IE eine linksbündige Ausrichtung hervorruft? :suspekt:

    Von Firefox sind mir im Gegensatz zum IE derartige Fehlinterpretationen nicht bekannt. Beim IE ist hier letztlich der Darstellungsmodus des HTML-Docs entscheidend, ob die CSS-Formatierung von ihm korrekt interpretiert wird.

    • HTML-Methode

      Ist für IE narrensicher, selbst wenn das HTML-Dokument nicht mit dem passenden Doctype standardkonform übergeben wird.

      Code (HTML5):
      1.  
      2. <table align="center">
    • CSS-Methode

      Willst du es per CSS regeln, ist zwischen den beiden Darstellungsmodi zu unterscheiden, damit IE die Tabelle im Viewport zentriert.
      1. "Almost Standards Mode" (http://carsten-protsch.de/zwischennetz/doctype/einleitung.html#almost)

        Code (CSS):
        1.  
        2. table {
        3.   width:800px;
        4.   margin:auto;
        5. }
        6.  
      2. "Quirks Mode" (http://carsten-protsch.de/zwischennetz/doctype/einleitung.html#quirks)

        Code (CSS):
        1.  
        2. body { /* Für IE */
        3.   text-align:center;
        4. }
        5. table { /* Für übrige Browser */
        6.   width:800px;
        7.   margin:auto;
        8.   text-align:left; /* Vererbung der text-align:center-Regel an den Tabelleninhalt verhindern */
        9. }
        10.  
    Zuletzt bearbeitet: 19. Februar 2011

Diese Seite empfehlen