Chriss: Schaut euch dass an!

Beitrag lesen

Hi Leute,

schaut euch diesen schön kurzen quelltext an und öffnet ihn im opera und im IE und sagt mir warum ihn der IE so interpretiert wie ich ihn haben will und die anderen nicht!?!?!

Hier:

<html>
<head>
<title>Untitled</title>
<style>
body{height: 100%;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-family: verdana;font-size: 100.1%;font-weight: normal;}
a{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: #5E6ED6;}
a:hover{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: navy;}
a:activate{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: navy;}
#body{position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;background: transparent;border-style: solid;border-color: navy;border-width: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#navil{position: absolute;top: 0px;left: 0px;height: 100%;width: 183px;background: #E5E5E5;border-style: solid;border-color: navy;border-width: 0px 1px 0px 0px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#navir{position: absolute;top: 0px;right: 0px;height: 100%;width: 160px;background: #E5E5E5;border-style: solid;border-color: navy;border-width: 0px 0px 0px 1px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#oben{position: absolute;top: 0px;left: 0px;height: 117px;width: 100%;background: transparent;border-style: solid;border-color: navy;border-width: 0px 0px 1px 0px;}
#obenlinks{position: absolute;top: 0px;left: 0px;height: 117px;width: 183px;background: white;}
#balkenw{position: absolute;top: 0px;left: 184px;height: 117px;width: 810px;background: white;}
#balkenb{position: absolute;top: 59px;left: 183px;height: 58px;width: 809px;background: navy;}
#palles{position: absolute;top: 16px;left: 211px;height: auto;width: auto;}
#obenmitte{position: absolute;top: 118px;left: 0px;height: 25px;width: 100%;background: white;border-style: solid;border-color: navy;border-width: 0px 0px 1px 0px;}
#obenmittemitte{position: absolute;top: 118px;left: 183px;height: 25px;width: 629px;border-style: solid;border-color: navy;border-width: 0px 1px 0px 1px;text-align: right;padding: 0px 20px 0px 0px;font-family: verdana;font-size: 1.2em;font-weight: normal;}
.obenmittemitte{color: navy;}
#text{position: absolute;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;top: 144px;left: 184px;height: 400px;width: 645px;background: transparent;}
#artikel{padding: 20px 0px 80px 0px; margin: 0px 0px 0px 0px; position: absolute;top: 35px;left: 5px;height: auto;width: 635px;background: transparent;border-style: solid;border-color: navy;border-width: 1px 0px 1px 0px;}
h1{font-family: verdana;font-size: 1.2em;font-weight: bold;color: navy;text-decoration: none;padding: 2px 0px 0px 5px; margin: 0px 0px 0px 0px;}
#phaus{float: left;height: 15px;width: 30px;margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px;}
#art{height: auto;width: auto;font-size: 0.7em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#home{position: absolute;top: 170px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#firma{position: absolute;top: 195px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#produkte{position: absolute;top: 220px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#anfahrt{position: absolute;top: 245px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#linksunten{position: absolute;top: 400px;left: 20px;height: auto;width: 150px;font-size: 0.55em;}
h2{font-size: 1em;font-weight: bold;}
#button{text-align: right;position: absolute;top: 425px;right: 30px;heigth: auto;width: auto;}
</style>
</head>

<body>
<table align="center" style="height:100%; width:994px;" border="0" cellpadding="0" cellspacing="0" bordercolor="red">
<tr>
<td width="994" height="100%">
  <div id="body">
    <div id="navil"></div>
    <div id="navir"></div>
    <div id="oben"></div>
    <div id="obenlinks">
      <a href="http://www.poeselt.de"><img src="plogo.gif" style="margin: 20px 0 0 0" border="0"></a>
    </div>
    <div id="balkenw"></div>
    <div id="balkenb"></div>
    <div id="palles">
      <img src="palles.jpg" border="0">
    </div>
    <div id="obenmitte"></div>
    <div id="obenmittemitte">
      <a href="Kontakt.html" class="obenmittemitte">Kontakt &nbsp;|</a>
      <a href="Impressum.html" class="obenmittemitte">Impressum</a>
    </div>
    <div id="text">
      <h1>Wilkommen...</h1>
      <div id="artikel">
        <div id="phaus">
          <img src="phaus.bmp" border="0">
        </div>
        <div id="art">
          <p>Wir fertigen mit ca. 20 Mitarbeitern Präzisionsdrehteile auf mehr als 40 Drehmaschinen.</p>

<p>Zu unseren Kunden zählen Firmen aus der Automobil-, Maschinenbau-, Kunststoff-, Elektro-, und Medizinindustrie.</p>

<p>Unsere langjährige Erfahrung und Verläßlichkeit sind der Grundstein für die Zufriedenheit unserer Kunden.</p>
          <br />
          <br />
          <br />
          <p>Suchen Sie einen Lieferanten mit Know How und Flexibilität; finden Sie in uns den richtigen Partner</p>
          <br />
          <p>Hinweis:
          <br />
          Wir überarbeiten gerade das Leistungsangebot unseres Internetauftritts.
          Wir würden uns freuen Sie als Besucher bald wieder mit neuen Informationen begrüßen zu dürfen.</p>
        </div>
      </div>
      <div id="button">
        <a href="weiter.html" style="font-size: 0.6em; color: navy"><img src="weiter.gif" border="0">  Weiterleiten</a></a>
        <a href="druck.html" style="font-size: 0.6em; color: navy"><img src="druck.gif" border="0">Drucken</a>
      </div>
    </div>
    <div id="home">
      <a href="file:///C:/Dokumente%20und%20Einstellungen/Prakti2/Desktop/Poeselt3.html"><img src="pt.jpg" border="0">    Home</a>
    </div>
    <div id="firma">
      <a href="firma.html"><img src="pt.jpg" border="0">    Firma</a>
    </div>
    <div id="produkte">
      <a href="produkte.html"><img src="pt.jpg" border="0">    Produkte</a>
    </div>
    <div id="anfahrt">
      <a href="anfahrt.html"><img src="pt.jpg" border="0">    Anfahrt</a>
    </div>
    <div id="linksunten">
    <h2>Pöselt GmbH </h2>
    Böhmerbrunnenstraße 15 <br />
    Postfach 20 <br />
    92343 Dietfurt <br />
    <br />
    Telefon: 08464/6421-0 <br />
    Telefax: 08464-6421-20 <br />
    <br />
    Email:info@poeselt.de <br />
    </div>
  </div>
</td>
</tr>
</table>
</body>
</html>

thx

Mfg Chriss