ff_elix: IE zentriert inhalte nicht

SELF-Forum

IE zentriert inhalte nicht

ff_elix
– Informationen zu den Bewertungsregeln

Hallo,
Mein Problem ist folgendes:

Ich möchte eine Tabelle zentrieren. Im FF und Opera funktioniert dies wunderbar, nur im IE ist sie linksbündig. Ich mach das wie folgt:

styles.css
  html { font-family:Arial }
  body { background-color:#e1a352; font-family:Arial; }
  td { padding-left:6; padding-right:6; padding-top:0; padding-bottom:6; margin-left:3; margin-right:3 }
  a:hover {text-decoration:none}
  a:active {text-decoration:bold}
  a:select {text-decoration:none}
  a:visited {color:blue }
  h1 {color:#295511; font-size:20}
  ul {list-style-image:url(../img/green_arrow.gif)}
  table { margin-left:auto; margin-right:auto}
  .center { text-align:center; align:center }

Und in der HTML-Datei einfach wie folgt:
<table height="80%" width="75%">
...
</table>

Hat jemand eine Idee? Ich komm einfach nicht drauf. Dass es mit der Formatierung der einzelnen Zellen zu tun hat die dann im Layout rumpfuscht kann auch nicht sein, oder? (siehe styles.css)

lg

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE zentriert inhalte nicht

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hat jemand eine Idee? Ich komm einfach nicht drauf. Dass es mit der Formatierung der einzelnen Zellen zu tun hat die dann im Layout rumpfuscht kann auch nicht sein, oder? (siehe styles.css)

    ohne das zugehörige html ist dein css ziemlich wertlos - meine glaskugel sagt aber "quirksmode"

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE zentriert inhalte nicht

      ff-elix
      – Informationen zu den Bewertungsregeln

      Hat jemand eine Idee? Ich komm einfach nicht drauf. Dass es mit der Formatierung der einzelnen Zellen zu tun hat die dann im Layout rumpfuscht kann auch nicht sein, oder? (siehe styles.css)

      ohne das zugehörige html ist dein css ziemlich wertlos - meine glaskugel sagt aber "quirksmode"

      Recht spektakulär ists nicht, hier:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
        <head>
          <title>...</title> </head>
      <link rel="stylesheet" type="text/css" href="./inc/styles.css">

      </head>
        <body>
        <img src="img/babybanner1.jpg"  class="center" alt="Baby-Banner 1"  height="20%" style="margin-bottom:5"/>
        <table height="80%" width="75%">
        <tr>
        <td width="10%"  valign="top">
          <div style="background-color:ffffff; outline-style:solid; outline-width:thin; padding-left:3; padding-right:3; padding-top:3; padding-bottom:3">
        <!-- menu -->
        </div>
        </td>
        <td width="auto" valign="top" style="background-color:ffffff; outline-style:solid; outline-width:thin; padding-left:40; padding-right:40; padding-top:40; padding-bottom:40">
        <p>inhalt</p>
        </td>
      </tr>
        </table>

      </body>
      </html>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. IE zentriert inhalte nicht

        suit Homepage des Autors
        – Informationen zu den Bewertungsregeln

        ohne das zugehörige html ist dein css ziemlich wertlos - meine glaskugel sagt aber "quirksmode"

        sag ich ja, quirksmode

        This page is not Valid HTML 4.01 Transitional!
        sagt der hier

        und da sind fehler drinnen, die sogar ein blinder mit screenreader schnell findet

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

      2. IE zentriert inhalte nicht

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@ff-elix:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

        Also Quirks. (Doctype Switching)

        <img […] style="margin-bottom:5"/>

        Ungültiger Wert für die 'margin-bottom'-Eigenschaft. Wie auch alle anderen von 0 verschiedenen numerischen Angaben ohne Einheit.

        <div style="background-color:ffffff; […]">

        Ungültiger Wert für die 'background-color'-Eigenschaft. Vom CSS-Validator hast du schon gehört?

        Ansonsten: Vermeide Inline-Styleangaben in 'style'-Attributen! Mache alle Angaben im Stylesheet!

        Vermeide den Missbauch von Tabellen zu Layoutgestaltung!

        Live long and prosper,
        Gunnar

        --
        Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln