audio123: komplette Seite zentrieren, aber wie ?

Hallo !

Ich möchte, dass meine Seite komplett wie sie ist, horizontal zentriert dargestellt wird.
ich habe das zur zeit so gelöst :

<html>
<head>
</head>

<table style="width: 100%;"><tr><td align="center">
<body>
...
</body>
</td></tr></table>

</html>

( http://www.audio123.de )

nunja, das funktioniert in allen browsern, ist aber nunmal gar kein konformes html sagt der validator von w3c, ist ja klar, weil inhalt, in diesem fall die tabelle, ausserhalb des bodys liegt.

nun meine frage: geht das auch anders ? womöglich mit css ?
hab mal wo was gesehen in der art:
<body position: blabla irgend sowas ...

vielleicht kann mir einer helfen, sollte halt in allen browsern funktionieren :-)

danke schonmal
audio123

  1. Ich weiss nicht, aus welchem Grund Du das Table ausserhalb des Body's gesetzt, aber wenn Du es innerhakb des Body's setzt, könnte es vielleicht gehen ;-)

    Gruß
    Mark

  2. Hallo!

    Wie wäre es hiermit?

    <html>
    <head>
    </head>
    <body>
    <div align="center">
    ...
    </div>
    </body>
    </html>

    Gruß Hulot

  3. Hallo,

    Ich möchte, dass meine Seite komplett wie sie ist, horizontal zentriert dargestellt wird.

    Guck mal hier fuer Anregungen:
    http://www.tiptom.ch/homepage/faq.html?q=tabzentriert
    (Ich kenne keine "perfekte" Loesung, die in allen Browsern
    funktioniert, aber zeige dort ein paar Moeglichkeiten auf.)

    ich habe das zur zeit so gelöst :
    <table style="width: 100%;"><tr><td align="center">
    <body>
    ...
    </body>
    </td></tr></table>

    Von soooo ungueltigem Quellcode wuerde ich nichts erwarten...

    mfg
    Thomas

    1. <table style="width: 100%;"><tr><td align="center">
      <body>
      ...
      </body>
      </td></tr></table>

      Von soooo ungueltigem Quellcode wuerde ich nichts erwarten...

      mfg
      Thomas

      ja hab ich ja slebst gesgat dass der code so nicht gut ist ...
      hmm hey und wnen ich es so mache wie es Mark gesgat hat, die tabelle in den body, also so :

      <body>
      <table style="width: 100%;"><tr><td align="center">
      ...
      </td></tr></table>
      </body>

      so wäre es aber ok oder ?

      1. ja hab ich ja slebst gesgat dass der code so nicht gut ist ...
        hmm hey und wnen ich es so mache wie es Mark gesgat hat, die tabelle in den body, also so :

        <body>
        <table style="width: 100%;"><tr><td align="center">
        ...
        </td></tr></table>
        </body>

        so wäre es aber ok oder ?

        Ich wüsste keinen Grund, von der fehlenden strukturierung mal abgesehen, warum das nicht ok ist, aber vielleicht weiss es jemand anders ? Jetzt melden sich bestimmt bald die 'tabellengegner'.. ;-)

      2. Hallo,

        hmm hey und wnen ich es so mache wie es Mark gesgat hat, die tabelle in den body, also so :
        <body>
        <table style="width: 100%;"><tr><td align="center">
        ...
        </td></tr></table>
        </body>
        so wäre es aber ok oder ?

        Wenn der Code valide ist, ist es technisch gesehen OK.

        Dennoch ist es ein "Missbrauch" einer Tabelle fuer Layout-Zwecke.

        Das W3C raet in zwei Publikationen aus dem Jahr 1999
        davon ab, Tabellen fuer Layout-Zwecke zu gebrauchen.

        HTML 4.01 Specification (Dezember 1999)
        http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.1:
        "Tables should not be used purely as a means to layout
        document content as this may present problems when
        rendering to non-visual media."

        Web Content Accessibility Guidelines 1.0 (Mai 1999)
        http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/#gl-table-markup
        "Tables should be used to mark up truly tabular information
        ('data tables'). Content developers should avoid using
        them to lay out pages ('layout tables')."

        Die dort genannten _Gruende_ betrafen vor allem die damaligen
        Hilfs-Programme fuer Blinde (Screenreader), die grosse Muehe
        hatten mit Tabellen. Heutige Programme kommen offenbar mit
        Tabellen besser klar. Verschachtelte Tabellen koennen allerdings
        immer noch Probleme bereiten.
        Eine Suche im </archiv/>, z.B. mit den Begriffen "molily" und "Tabellen"
        http://selfsuche.teamone.de/cgi-bin/such.pl?feld=alle&hits=100&case=on&umlaute=on&index_5=on&index_6=on&index_7=on&suchausdruck=molily+Tabellen
        duerfte Dir einige interessante Threads zum Thema liefern...
        Siehe insbesondere </archiv/2004/1/70365/#m405352>
        und die von dort verlinkten Threads.

        Eine einzellige Tabelle ist zwar IMHO kein Problem,
        auch nicht fuer uralte Browser und Screenreader.

        Trotzdem ist sie von der Logik/Semantik her
        ein ueberfluessiges Element, und ich wuerde
        versuchen, die Zentrierung anders hinzukriegen.

        Gerade das horizontale Zentrieren ist ja sehr
        gut auch ohne Tabellen machbar, wenn man
        nicht stur auch in uralten, extrem seltenen Browsern
        wie Netscape 3 oder 4 dieses optische Detail
        erreichen will.

        Gruesse,

        Thomas

        --
        Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
        Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
        Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/