steffen: ausrichtung einer Tabelle.

Hi,

ich möchte eine Tabelle zentriert ausrichten. Da ich anfänglicherweise text-align: center als das vorherbekannte <center> hielt informierte ich mich mal im Internet.

Dabei stoß ich drauf, dass dieser tag nur die texte zentriert ausrichtet und IE fälschlicherweise das anders interpretiert.

Nun habe ich die Tabelle mit margin-left: auto; margin-right: auto; ausgerichtet. Mit firefox klappt das prima nur mit IE nicht. Wie kann ich das nun lösen? mit text-align ist schlecht ... weil er das ja in jedem Browser anders interpretiert.

Was verschafft mir da abhilfe?

mfg steffen

  1. Hallo steffen,

    Nun habe ich die Tabelle mit margin-left: auto; margin-right: auto; ausgerichtet. Mit firefox klappt das prima nur mit IE nicht. Wie kann ich das nun lösen? mit text-align ist schlecht ... weil er das ja in jedem Browser anders interpretiert.

    Was verschafft mir da abhilfe?

    Der richtige Doctype

    Gruß Gernot

  2. Warum nicht

      
    <table ... align="center">  
    
    

    ??

    1. Hallo Stefan,

      Warum nicht

      <table ... align="center">

        
      Die Frage zu bantworten überlasse ich Gunnar!  
        
      Gruß Gernot
      
      1. Warum nicht <table ... align="center">

        Die Frage zu bantworten überlasse ich Gunnar!

        Gernot,
        Oh, danke. ;-)

        Es bietet Vorteile (bspw. Übersichtlichkeit), Dokumentstruktur und Layout zu trennen, wie es in den Strict-Varianten von (X)HTML gefordert wird.

        Also keine missbilligten Attribute, sondern CSS verwenden. Und zwar nicht im style-Attribut, sondern im zentralen oder externen Stylesheet.

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
  3. Hallo steffen,

    Nun habe ich die Tabelle mit margin-left: auto; margin-right: auto; ausgerichtet. Mit firefox klappt das prima nur mit IE nicht. Wie kann ich das nun lösen? mit text-align ist schlecht ... weil er das ja in jedem Browser anders interpretiert.

    Was verschafft mir da abhilfe?

    Als ich kürzlich so etwas machen musste (Quick and Dirty(tm)), haben ich die Tabelle in ein <div>-Tag gesteckt:

    <div style="text-align:center;">  
    <!-- Die Tabelle... -->  
    </div>
    

    Grüße

    Marc Reichelt || http://www.marcreichelt.de/

    --
    Linux is like a wigwam - no windows, no gates and an Apache inside!
    Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
    http://emmanuel.dammerer.at/selfcode.html
    1. Hallo Marc,

      Als ich kürzlich so etwas machen musste (Quick and Dirty(tm)), haben ich die Tabelle in ein <div>-Tag gesteckt:

      Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.

      Gruß Gernot

      1. Hallo Gernot,

        Als ich kürzlich so etwas machen musste (Quick and Dirty(tm)), haben ich die Tabelle in ein <div>-Tag gesteckt:

        Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.

        Irrtum. Korrekter Doctype bei mir war gesetzt, margin:auto hat beim IE aber nicht für die gewünschte Wirkung gesorgt.

        Grüße

        Marc Reichelt || http://www.marcreichelt.de/

        --
        Linux is like a wigwam - no windows, no gates and an Apache inside!
        Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
        http://emmanuel.dammerer.at/selfcode.html
        1. Hallo Marc,

          Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.

          Irrtum. Korrekter Doctype bei mir war gesetzt, margin:auto hat beim IE aber nicht für die gewünschte Wirkung gesorgt.

          Also im IE6 unter Win98 hat es sogar dann die gewünschte Wirkung, wenn man auf die Weitenangabe 100% bei den Elternelementen HTML und BODY verzichtet. Aber vielleicht ist das ja unter Linux und am Mac anders. Wäre interessant, dem mal nachzugehen.

          Gruß Gernot

          1. Hallo Marc,

            Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.

            Irrtum. Korrekter Doctype bei mir war gesetzt, margin:auto hat beim IE aber nicht für die gewünschte Wirkung gesorgt.

            Also im IE6

            Genau das ist der Knackpunkt. Das funktioniert nur im IE6, für IE5 oder früher ist text-align:center weiterhin zwingend nötig.

  4. Hi steffen,

    ich möchte eine Tabelle zentriert ausrichten.

    Sicher, dass es eine Tabelle ist; oder missbrauchst du das table-Element zur Layoutgestaltung?

    Was verschafft mir da abhilfe?

    Steht tausendfach im Archiv. Da ich meine eigenen Postings am schnellsten finde:
    http://forum.de.selfhtml.org/archiv/2005/3/t103983/#m640769
    http://forum.de.selfhtml.org/archiv/2005/6/t108790/#m678336

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)