Konstl: Webseite will im IE nicht zentriert werden!

Hallo meine Webseite wird im IE einfach nicht zentriert auch im .css style  habe ich sicherlich keine falschen angaben gemacht.der fehler muss darin liegen:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <meta
 content="ST RAP, st rap, s&uuml;dtiroler rap, rap aus bozen, bz rap, bz on the mic, mikrofon bozen, s&uuml;dtirol on the mic, mikrofon bozen, mikrofon s&uuml;dtirol, south tyrol rap"
 name="keywords">
  <meta content="Alle ST RAPPER auf einen Blick!"
 name="DC.Description">
  <meta content="ST RAPPER" name="title">
  <meta content="German, de, deutsch" name="language">
  <meta content="ST RAPPER" name="author">
  <meta content="ST RAPPER" name="publisher">
  <meta content="2006 by ST RAPPER" name="copyright">
  <meta content="after 20 days" name="revisit-after">
  <meta content="rap" name="page-topic">
  <meta content="rap" name="page-type">
  <meta content="alle" name="audience">
  <meta content="index,follow" name="robots">
  <meta content="http://www.strapper.info" name="generator">
  <meta content="blendTrans(Duration=0.8)"
 http-equiv="Page-Exit">
  <meta content="blendTrans(Duration=0.8)"
 http-equiv="Page-Enter">
  <title>ST RAPPER</title>
  <link type="text/css" href="style.css"
 rel="stylesheet">
</head>
<body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
<table
 style="text-align: left; margin-left: auto; margin-right: auto;"
 id="tbl1" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td style="border-style: none;">
      <table id="tbl3" border="0" cellpadding="0"
 cellspacing="0" height="200" width="700">
        <tbody>
          <tr>
            <td colspan="6"> <img
 src="img/header_link_01.gif" alt="" height="155"
 width="700"></td>
          </tr>
          <tr>
            <td> <img src="img/header_link_02.gif"
 alt="" height="45" width="65"></td>
            <td> <a href="strapper.html"><img
 style="border: 0px solid ; width: 135px; height: 45px;"
 src="img/header_link_03.gif" alt=""></a></td>
            <td> <a href="forum/index.php"><img
 style="border: 0px solid ; width: 150px; height: 45px;"
 src="img/header_link_04.gif" alt=""></a></td>
            <td> <a href="gbook.html"><img
 style="border: 0px solid ; width: 150px; height: 45px;"
 src="img/header_link_05.gif" alt=""></a></td>
            <td> <a href="links.html"><img
 style="border: 0px solid ; width: 150px; height: 45px;"
 src="img/header_link_06.gif" alt=""></a></td>
            <td> <img style="width: 50px; height: 45px;"
 src="img/header_link_07.gif" alt=""></td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
<table
 style="width: 703px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="height: 150px; width: 50px;"><img
 src="img/cont.gif" style="width: 50px; height: 150px;"
 alt=""></td>
      <td><span style="color: rgb(255, 255, 255);"><img
 style="width: 200px; height: 25px;" alt=""
 src="img/plc/plc_b.gif"><br>
      <br>
Willkommen auf strapper.info !<br>
Diese Webseite soll die S&uuml;dtiroler Rap-Szene pushen und
daf&uuml;r sorgen das der ST-Rap auch au&szlig;erhalb der
Grenzen
S&uuml;dtirols geh&ouml;rt wird. Unsere Inhalte werden meist
t&auml;glich aktualisiert, jedoch kann es auch zu k&uuml;rzeren
Inaktivit&auml;ten des Teams kommen.<br>
      </span></td>
      <td
 style="width: 50px; text-align: right; vertical-align: top; background-image: url(img/leiste.gif);"></td>
    </tr>
  </tbody>
</table>
<table
 style="border-style: hidden; width: 703px; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"
 id="tbl2" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr>
      <td
 style="width: 50px; text-align: left; height: 300px; background-image: url(img/leiste.gif);"><span
 style="color: rgb(255, 255, 255);"></span></td>
      <td style="height: 300px;"><span
 style="color: rgb(255, 255, 255);">&nbsp; &nbsp; <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </span></td>
      <td
 style="width: 50px; height: 300px; background-image: url(img/leiste.gif);"><span
 style="color: rgb(255, 255, 255);"></span></td>
    </tr>
  </tbody>
</table>
<table
 style="width: 702px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="height: 50px; width: 50px; background-image: url(img/ecke_c.gif);"></td>
      <td
 style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>
      <td
 style="width: 560px; background-image: url(img/leiste_b.gif);"><span
 style="color: rgb(255, 255, 255);"></span>
      <marquee>STRAPPER.info ist ein Projekt der ST prod. -
online since July 2006</marquee>
      </td>
      <td
 style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>
      <td
 style="height: 50px; width: 50px; background-image: url(img/ecke_d.gif);"></td>
    </tr>
  </tbody>
</table>
</body>
</html>

Ich bitte um Hilfe.

Danke!

  1. Hello out there!

    Würdest du bitte nur relevanten Quelltext posten? Deine Meta-Angaben interessieren niemanden; deine Keywords interessieren nicht einmal Suchmaschinen.

    <body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"

    Schwarzer Adler auf schwarzem Grund?

    Wozu ein style-Attribut? Sämtliche Angaben zur Darstellung gehört ins zentrale Stylesheet; die Trennung von Struktur (HTML) und Darstellungsangaben (CSS) macht den Quelltext wesentlich übersichtlicher und damit weniger fehleranfällig.

    alink="#ee0000" link="#0000ee" vlink="#551a8b">

    Wozu diese HTML-Attribute, wenn du CSS nutzt?

    <table

    Wozu diese Layouttabelle, wenn du CSS nutzt?

    style="text-align: left; margin-left: auto; margin-right: auto;"

    Dir ist bekannt, dass IE 'margin: auto;' nicht umsetzt? Dafür wendet er 'text-align' auch für Blockelemente an; diesen Fehler kann man ausnutzen.

    Die Frage „Wie zentriere ich Elemente mit CSS?“ steht übrigens in den FAQ.

    <br>
          <br>
          <br>

    Sobald mehr als einmal '<br>' hintereinander vorkommt, machst du etwas falsch. Nutze CSS für Abstände.

    <marquee>STRAPPER.info ist ein Projekt der ST prod. -
    online since July 2006</marquee>

    Sobald mehr als nullmal '<marquee>' vorkommt, machst du etwas falsch. Ticker – nein danke!

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. Hi, danke für deine Tips. Allerdings zeigt mir der IE den Lauftext an. Aber aus den FAQ bin ich leider nicht schlauer geworden ich habs wieder versucht.Kannst du mir das nicht direkt in meinem Quellcode zeigen, wie es funktioniert?

      Danke

      1. Hello out there!

        Allerdings zeigt mir der IE den Lauftext an.

        Das ist ja das Schlimme.

        Kannst du mir das nicht direkt in meinem Quellcode zeigen, wie es funktioniert?

        Nochmal:

        Dafür wendet [der IE] 'text-align' auch für Blockelemente an; diesen Fehler kann man ausnutzen.

        Also 'text-align: center' fürs Elternelement des zu zentrierenden, in deinem Fall also für body.

        Da diese Eigenschaft vererbt wird, musst du sie für alle Nachfahren von body ggfs. wieder auf den Wert 'left' setzen.

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        1. Hi,

          ich hab den code wie folgt abgeändert allerdings funzt es immer noch nicht, vielleicht kannst du mir ja noch mal helfen.

          <body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b">

          <table style="text-align: center; margin-left: auto; margin-right: auto;" id="tbl1" border="0" cellpadding="0" cellspacing="0">

          <tbody>

          <tr>

          <td style="border-style: none;">
                <table id="tbl3" border="0" cellpadding="0" cellspacing="0" height="200" width="700">

          <tbody>

          <tr>

          <td colspan="6"> <img src="img/header_link_01.gif" alt="" height="155" width="700"></td>

          </tr>

          <tr>

          <td> <img src="img/header_link_02.gif" alt="" height="45" width="65"></td>

          <td> <a href="strapper.html"><img style="border: 0px solid ; width: 135px; height: 45px;" src="img/header_link_03.gif" alt=""></a></td>

          <td> <a href="forum/index.php"><img style="border: 0px solid ; width: 150px; height: 45px;" src="img/header_link_04.gif" alt=""></a></td>

          <td> <a href="gbook.html"><img style="border: 0px solid ; width: 150px; height: 45px;" src="img/header_link_05.gif" alt=""></a></td>

          <td> <a href="links.html"><img style="border: 0px solid ; width: 150px; height: 45px;" src="img/header_link_06.gif" alt=""></a></td>

          <td> <img style="width: 50px; height: 45px;" src="img/header_link_07.gif" alt=""></td>

          </tr>

          </tbody>
                </table>

          </td>

          </tr>

          </tbody>
          </table>

          <table style="width: 703px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">

          <tbody>

          <tr>

          <td style="height: 150px; width: 50px;"><img src="img/cont.gif" style="width: 50px; height: 150px;" alt=""></td>

          <td><span style="color: rgb(255, 255, 255);"><img style="width: 200px; height: 25px;" alt="" src="img/plc/plc_a.gif"><br>

          <br>

          Hier &nbsp;k&ouml;nnt ihr euch die ST-Rapper genauer
          anschauen...<br>

          <br>

          <br>

          <br>

          <br>

          <br>

          </span></td>

          <td style="width: 50px; text-align: left; vertical-align: top; background-image: url(img/leiste.gif);"></td>

          </tr>

          </tbody>
          </table>

          <table style="border-style: hidden; width: 703px; height: 300px; text-align: left; margin-left: auto; margin-right: auto;" id="tbl2" border="0" cellpadding="0" cellspacing="0">

          <tbody>

          <tr>

          <td style="width: 50px; text-align: left; height: 300px; background-image: url(img/leiste.gif);"><span style="color: rgb(255, 255, 255);"></span></td>

          <td style="height: 300px;"><span style="color: rgb(255, 255, 255);"><br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          <br>

          </span></td>

          <td style="width: 50px; height: 300px; background-image: url(img/leiste.gif);"><span style="color: rgb(255, 255, 255);"></span></td>

          </tr>

          </tbody>
          </table>

          <table style="width: 702px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">

          <tbody>

          <tr>

          <td style="height: 50px; width: 50px; background-image: url(img/ecke_c.gif);"></td>

          <td style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>

          <td style="width: 560px; background-image: url(img/leiste_b.gif);"><span style="color: rgb(255, 255, 255);"></span>
                <marquee>STRAPPER.info ist ein Projekt der ST prod. -
          online since July 2006</marquee>

          </td>

          <td style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>

          <td style="height: 50px; width: 50px; background-image: url(img/ecke_d.gif);"></td>

          </tr>

          </tbody>
          </table>

          </body>
          </html>

          Danke

          1. Hello out there!

            ich hab den code wie folgt abgeändert

            Und dabei weder meinen Hinweis aus https://forum.selfhtml.org/?t=133883&m=868328 noch sämtliche  Hinweise aus https://forum.selfhtml.org/?t=133883&m=868313 beachtet.

            allerdings funzt es immer noch nicht

            Was nicht weiter verwundern sollte.

            See ya up the road,
            Gunnar

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
            1. hallo..habs probiert kommt leider nichts bei raus.kannst nicht du mir das bitte machen, ich danke dir das du mir versuchst das beizubringen, aber viele denken man lernt das nur so aber das stimmt nicht...wenn ichs nachher sehe dann weiß ichs dann hab ich verstanden wie das ging, dann kann ich das nachvollziehen.
              ich bitte dich darum.

              danke

              1. Hello out there!

                Ich schrieb:

                Also 'text-align: center' fürs Elternelement des zu zentrierenden, in deinem Fall also für body.

                Genauer konnte ich das ja schon nicht mehr angeben.

                Dennoch du:

                <table style="[code lang=css]text-align: center; margin-left: auto; margin-right: auto;" id="tbl1" border="0" cellpadding="0" cellspacing="0">[/code]

                Du siehst den Fehler?

                <body style="[code lang=css]background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b">[/code]

                Vordergrund und Hintergrund haben immer noch dieselbe Farbe. Ob das sinnvoll ist?

                Zur Angabe der Eigenschaften von Links gibt es <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklassen für Verweise>

                <br>

                <br>

                <br>

                Was soll das? Weg damit!

                <marquee>STRAPPER.info ist ein Projekt der ST prod. - online since July 2006</marquee>

                Und dein Ticker nervt auch immer noch die Leser deiner Seite. Weg damit!

                See ya up the road,
                Gunnar

                --
                “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    2. Hi,

      Dir ist bekannt, dass IE 'margin: auto;' nicht umsetzt?

      Dir ist bekannt, daß der IE margin:auto durchaus umsetzt (falls er mindestens in der Version 6.0 vorliegt und nicht im Quirks-Modus ist).

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    3. hallo..habs probiert kommt leider nichts bei raus.kannst nicht du mir das bitte machen, ich danke dir das du mir versuchst das beizubringen, aber viele denken man lernt das nur so aber das stimmt nicht...wenn ichs nachher sehe dann weiß ichs dann hab ich verstanden wie das ging, dann kann ich das nachvollziehen.
      ich bitte dich darum.

      danke

  2. Hi,

    Hallo meine Webseite wird im IE einfach nicht zentriert auch im .css style  habe ich sicherlich keine falschen angaben gemacht.der fehler muss darin liegen:

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

    Ja, er leigt hier^^. Verwende eine vollständige Dokumenttyp-Deklaration MIT URI, und der IE6 zentriert deine Seite, genau wie alle anderen Browser.

    Einen schönen Dienstag noch!

    --
    Mein Lieblings-Browser: Firefox 1.5
    Mein Lieblings-Notepad: Notepad 2
    Selfcode: ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}