Michael W.: zentrieren will nicht klappen

Hallo zusammen!

Ich habe gerade einen Fehler den ich einfach nicht finde. Was ich will ist: zentrieren. Ich habe eine Tabelle, darin eine mit CSS aufgebaute Navigation (aus Selfhtml) Leider ist der linke Abstand zum Rand erheblich größer. Ich weiss aber nicht wieso. kann mir jemand helfen den Fehler zu finden?

Thx

HTML-Code

  
<html>  
<head>  
<title></title>  
<link rel="stylesheet" type="text/css" href="style.css">  
<meta name="author" content="Dieter">  
</head>  
<body>  
  
<div id="Navi">  
  <table>  
    <tr>  
      <td>  
        <ul>  
          <li><a href="home.html" target="content">Home</a></li>  
          <li><a href="#" target="content">Beispiel 2</a></li>  
          <li><a href="#" target="content">Beispiel 3</a></li>  
        </ul>  
      </td>  
    </tr>  
    <tr>  
      <td> bla bla blubb</td>  
    </tr>  
  </table>  
</div>  
</body>  
</html>  

Css:

  
/*Navigation Beginn*/  
   div#Navi {  
    width: 10em;  
    margin: 0; padding: 0.0em;  
    border: 1px solid black;  
    background-color: silver;  
  }  
  
  * html div#Navi {  /* Korrekturen fuer IE 5.x */  
    width: 11.6em;  
    w\idth: 10em;  
    padding-left: 0;  
    padd\ing-left: 0.0em;  
  }  
  div#Navi li {  
    list-style: none;  
    margin: 0.4em; padding: 0;  
  }  
  
  div#Navi a {  
    display:block;  
    padding: 0.2em;  
    text-decoration: none; font-weight: bold;  
    border: 1px solid black;  
    border-left-color: white; border-top-color: white;  
    color: black; background-color: #ccc;  
  }  
  * html div#Navi a {  /* Breitenangaben nur fuer IE */  
    width: 100%;  
    w\idth: 8.8em;  
  }  
  div#Navi a:hover {  
    border-color: white;  
    border-left-color: black; border-top-color: black;  
    color: white; background-color: gray;  
  }  
  div#Navi table {  
   border: 1px solid black;  
   align: left;  
}  
  }  
/*Navigation Ende*/  

  1. hi,

    Ich habe eine Tabelle, darin eine mit CSS aufgebaute Navigation (aus Selfhtml)

    Wofür überhaupt die semantisch unsinnige Tabelle?

    Leider ist der linke Abstand zum Rand erheblich größer. Ich weiss aber nicht wieso. kann mir jemand helfen den Fehler zu finden?

    Was soll denn in deinem Code überhaupt eine Zentrierung bewirken?

    Hast du vorher in den FAQ Wie zentriere ich Elemente mit CSS? gelesen?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Wofür überhaupt die semantisch unsinnige Tabelle?
      Was soll denn in deinem Code überhaupt eine Zentrierung bewirken?

      Ich will am ende der Seite etwas schreiben bzw darstellen (zb Counter) und will das es innerhalb des Rahmens ist. Daher dachte ich, eine Tabelle wäre sinnvoll. In dem einen Teil die Navi und im anderen Teil mit valign=bottom und 100% height. Verstehst du was ich meine?

      Hast du vorher in den FAQ Wie zentriere ich Elemente mit CSS? gelesen?

      Jain. Ich weiss wie es theoretisch geht. Aber ich finde den Fehler nicht. Ich denke da ist irgendwo ein Abstand drin, den ich übersehe bzw eben nicht finde.

      1. hi,

        Wofür überhaupt die semantisch unsinnige Tabelle?

        Ich will am ende der Seite etwas schreiben bzw darstellen (zb Counter) und will das es innerhalb des Rahmens ist. Daher dachte ich, eine Tabelle wäre sinnvoll.

        Um Himmels willen, nein.
        Du möchtest einen rein optischen Effekt erzielen - wieso sollte dafür eine Tabelle "sinnvoll" sein, die ausschließlich zum Auszeichnen tabellarischer Daten dient?

        Was soll denn in deinem Code überhaupt eine Zentrierung bewirken?

        Warum hast du diese Frage überhaupt nicht beantwortet?

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Um Himmels willen, nein.
          Du möchtest einen rein optischen Effekt erzielen - wieso sollte dafür eine Tabelle "sinnvoll" sein, die ausschließlich zum Auszeichnen tabellarischer Daten dient?

          WEil ich es nicht besser weiß :) sag mir wie ich den Effekt sonst erziele. Das wäre super :)

          Was soll denn in deinem Code überhaupt eine Zentrierung bewirken?

          Warum hast du diese Frage überhaupt nicht beantwortet?

          Naja m. E. schon aber vielleicht zu verdeckt: optischer Effekt. Ich will das die Navigation nicht so hässlich verschocben aussieht sondern eben fein in der mitte des Navi-Frames sitzt (ich weiss das viele denken Frames nicht mehr Zeitgemäß sind, aber es ist Vorgabe für eine schulische Arbeit) :)

          1. hi,

            Du möchtest einen rein optischen Effekt erzielen - wieso sollte dafür eine Tabelle "sinnvoll" sein, die ausschließlich zum Auszeichnen tabellarischer Daten dient?

            WEil ich es nicht besser weiß :) sag mir wie ich den Effekt sonst erziele. Das wäre super :)

            Informiere dich bzgl. des Themas semantisches bzw. strukturell sinnvolles HTML.
            _Nachdem_ du den Inhalt der Seite mittels solchem ausgezeichnet hast, machst du dich an die Formatierung mittels CSS.

            Was soll denn in deinem Code überhaupt eine Zentrierung bewirken?

            Warum hast du diese Frage überhaupt nicht beantwortet?

            Naja m. E. schon aber vielleicht zu verdeckt: optischer Effekt.

            *seufz*
            Ich habe dich gefragt, von welche[m|n] Teil(en) deines Codes du erwartest, dass er eine Zentrierung bewirken sollte.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. *seufz*
              Ich habe dich gefragt, von welche[m|n] Teil(en) deines Codes du erwartest, dass er eine Zentrierung bewirken sollte.

              Ahh ok jetzt verstanden. Naja ich nehme zumindest an das es schonmal NICHT rechts-zentriert ist. Es ist noch nicht centre, das stimmt. Aber im moment scheint es rechts-zentriert. Es sieht zumindest so aus

              Aber du hast wohl recht, ich sollte erstmal noch was rumspielen und ausprobieren.