thor: Alles ist zentriert - außer der Text!

Beitrag lesen

Hallo liebe Community,

wie schaffe ich es, das hier der Text auch Zentriert ist?
Denn laut dem Quelltext müsste es eigentlich so sein... :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>TITLE</title>  
<style type="text/css">  
/* Vertikale Navigation */  
  div#Tmenu {  
    font-size: 94%;  
    width: 10em;  
    padding: 0.8em;  
    border: 1px solid white;  
    background-color: #00003d;  
  }  
  * html div#Tmenu {  
    width: 11.3em;  
    w\idth: 10em;  /* (IE 6 in standards-compliant mode) */  
  }  
  ul#Navigation {  
    font-size: 0.91em;  
    float: left; width: 22em;  
    margin: 0 0 1em 1em; padding: 0;  
    border: 0px dashed silver;  
  }  
  
  div#Inhalt { }  /* keine Formatierungen (das div kann wegfallen) */  
  body {  
    min-width: 20em; /* Mindestbreite (der Navigation) verhindert Anzeigefehler in modernen Browsern */  
  }  
  
 ul#Navigation li {  
    list-style: none;  
    position: relative;  
    margin: 0.4em; padding: 0;  
  }  
  * html ul#Navigation li {  
    margin-right:1.5em;  /* Platz fuer Link-Verbreiterung im IE reservieren */  
    margin-bottom:0;  
  }  
  
  ul#Navigation li ul {  
    margin: 0; padding: 0;  
    position: absolute;  
    top: 0; left: 9.3em;  
  }  
  *:first-child+html ul#Navigation li ul {  
    left: 9em;  /* (IE 7 in standards-compliant mode) */  
  }  
  ul#Navigation li ul li {  
    margin: 0; padding-left: 1.4em;  
  }  
  
  ul#Navigation a, ul#Navigation span {  
    display: block;  
    width: 7em;  
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;  
    text-decoration: none; font-weight: bold;  
    padding: 0.2em 1em;  
    border: 1px solid #900;  
    border-left-color: #c96; border-top-color: #c96;  
    color: white; background-color: #c00;  
  }  
  * html ul#Navigation a, * html ul#Navigation span {  
    width: 9em;  
    w\idth: 7em;  /* (IE 6 in standards-compliant mode) */  
  }  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {  
    border-color: #c96;  
    border-left-color: #900; border-top-color: #900;  
    background-color: #e00;  
  }  
  li a#aktuell {  
    border-right-color: #300; border-bottom-color: #300;  
    background-color: #900;  
  }  
  ul#Navigation li ul span {  
    border-color: #900; border-left-color: #c96;  
    color: #900; background-color: white;  
  }  
  ul#Navigation li a:active {  
    color: black; background-color: #f00;  
  }  
  
/* dynamisches Ein-/Ausblenden */  
  ul#Navigation li ul {  
    display: none;  
  }  
  ul#Navigation li:hover>ul {  
    display: block;  
  }  
  ul#Navigation>li:hover>a {  
    width: 8.2em;  
    background: #e00 url(pfeil.gif) no-repeat center right;  
  }  
  
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */  
  * html ul#Navigation li.hoverIE {  
    margin-right:0;  /* reservierten Platz freigeben */  
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */  
  }  
  * html ul#Navigation li.hoverIE ul {  
    display: block;  
  }  
  * html ul#Navigation li .hoverIE {  
    width: 10.3em;  
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */  
    background: #e00 url(pfeil.gif) no-repeat center right;  
  }  
</style>  
  
<!--[if IE]>  
<script type="text/javascript">  
// <![CDATA[  
if(window.navigator.systemLanguage && !window.navigator.language) {  
  function hoverIE() {  
    var LI = document.getElementById("Navigation").firstChild;  
    do {  
      if (sucheUL(LI.firstChild)) {  
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;  
      }  
      LI = LI.nextSibling;  
    }  
    while(LI);  
  }  
  
  function sucheUL(UL) {  
    do {  
      if(UL) UL = UL.nextSibling;  
      if(UL && UL.nodeName == "UL") return UL;  
    }  
    while(UL);  
    return false;  
  }  
  
  function einblenden() {  
    var UL = sucheUL(this.firstChild);  
    UL.style.display = "block"; UL.style.backgroundColor = "#eee";  
  }  
  function ausblenden() {  
    sucheUL(this.firstChild).style.display = "none";  
  }  
  
  window.onload=hoverIE;  
}  
// ]]>  
</script>  
<![endif]-->  
  
</head>  
<body bgcolor="#00003d" text="#ff8c00" link="red" alink="green" vlink="green">  
  
<div id="Tmenu">  
  <ul id="Navigation">  
  
    <li><a id="aktuell" href="home.html">Home</a>  
      <ul>  
        <li><span> Home </span></li>  
         <li><a href="feedback.html">Feedback</a></li>  
  </ul>  
    </li>  
    <li><a href="info.html">Info</a></li>  
  
    <li><a href="#Beispiel">Team</a></li>  
    <li><a href="projekte.html">Projekte</a>  
  <ul>  
        <li><a href="video.html">Video der 5. Klassen</a></li>  
        <li><a href="projektkarten.html">Gehegekartierung der 5. Klassen</a></li>  
        <li><a href="#Beispiel">Kunstprojekt: Ziegenkacheln</a></li>  
  
      </ul></li>  
  <li><a href="#Beispiel">Seite 3</a>  
      <ul>  
        <li><a href="#Beispiel">Seite 3a</a></li>  
        <li><a href="#Beispiel">Seite 3b</a></li>  
        <li><a href="#Beispiel">Seite 3c</a></li>  
      </ul>  
  
    </li>  
  </ul>  
  </div>  
<div id="Inhalt">  
<div style="font-family:Verdana,Tahoma,Impact">  
Besucherzähler:  
<img src="http://www.besucherzaehler.org/counter.html?id=27381&c=10" alt="Besucherzähler" border="0">  
<br>  
<img src="hannesauge.bmp"></img>  
<br>  
<div style="font-size:0.9em">  
Homepage-Design &copy; 2008 by Vincent Rolfs, Kl. 7e.  
  
</div>  
</div>  
</div>  
  
</body>  
</html>

Gruß

Thor