Thorsten: Browserprobs mit HTML

Hallo liebe Gemeinde  :lol:

Also:

Mache viel Homepage-Designs und HTML Programmierung und was so damit zu tun hat.
Nun habe ich ein Problem, wo ich nicht weiter komme.

Das Problem befindet sich auf dieser Seite:

http://www.fitnessstudio-bodyform.de/

Mit dem Firefox wird diese Seite ganz normal angezeigt.
Mit dem Internet Explorer hingegen nicht. (Siehe Beispiel)

Beispiel:

Internet Explorer: http://img400.imageshack.us/img400/7963/ie3es.gif
Firefox: http://img400.imageshack.us/img400/2365/fire0aq.gif

Das Problem ist, dass der Internet Explorer immernoch der weiterverbreiteste Browser ist und viele Laien sich die Site mit ihm ansehen werden.
Aus diesem Grund muss diese Page einwandfrei sein, da es sonst ein
schlechtes Bild auf das Studio macht.

Habe schon alles Mögliche probiert, was mir einfällt.
Die Tables sind alle ' valign="top" ' und die Höhen und die Breiten
stimmen auch mit der jeweiligen Grafik überein.

Falles wen interessiert, hier der Quellcode:

<html>  
<head>  
<title>Fitnessstudio-BodyForm</title>  
<style type="text/css">  
<!--  
body {  
 background-color: #000066;  
}  
-->  
</style></head>  
  
<body>  
<div align="center">  
<table width="750" border="0" cellpadding="0" cellspacing="0">  
  <tr>  
    <td valign="top"><table width="750" height="800" border="0" cellpadding="0" cellspacing="0">  
      <tr>  
        <td width="171" valign="top"><table width="30%"  border="0" cellpadding="0" cellspacing="0">  
          <tr>  
            <td><img src="oben-links.jpg" width="165" height="55"></td>  
          </tr>  
          <tr>  
            <td><a href="index.htm"><img src="news-button.jpg" width="165" height="125" border="0"></a></td>  
          </tr>  
          <tr>  
            <td><img src="news-team-verbinder.jpg" width="165" height="15"></td>  
          </tr>  
          <tr>  
            <td><a href="team.htm"><img src="team-button.jpg" width="165" height="125" border="0"></a></td>  
          </tr>  
          <tr>  
            <td><img src="team-studio-verbinder.jpg" width="165" height="15"></td>  
          </tr>  
          <tr>  
            <td><a href="studio.htm"><img src="studio-button.jpg" width="165" height="125" border="0"></a></td>  
          </tr>  
          <tr>  
            <td><img src="studio-kurse-verbinder.jpg" width="165" height="15"></td>  
          </tr>  
          <tr>  
            <td><a href="kurse.htm"><img src="kurse-button.jpg" width="165" height="125" border="0"></a></td>  
          </tr>  
          <tr>  
            <td><img src="kurse-kontakt-verbinder.jpg" width="165" height="15"></td>  
          </tr>  
          <tr>  
            <td><a href="kontakt.htm"><img src="kontakt-button.jpg" width="165" height="125" border="0"></a></td>  
          </tr>  
          <tr>  
            <td><img src="unten-links.jpg" width="165" height="60"></td>  
          </tr>  
        </table></td>  
        <td width="41" valign="top"><table width="8%" height="258"  border="0" cellpadding="0" cellspacing="0">  
          <tr>  
            <td><img src="header-links.jpg" width="30" height="125"></td>  
          </tr>  
          <tr>  
            <td><img src="content-links.jpg" width="30" height="440"></td>  
          </tr>  
          <tr>  
            <td><img src="content-footer-links.jpg" width="30" height="235"></td>  
          </tr>  
        </table></td>  
        <td width="468" valign="top"><table width="100%" height="800"  border="0" cellpadding="0" cellspacing="0">  
          <tr>  
            <td height="125" align="left" valign="top" background="header-mitte.jpg"><a href="links.htm"><img src="links-button.jpg" width="135" height="125" border="0"></a><a href="pics.htm"><img src="pics-button.jpg" width="136" height="125" border="0"></a>  
 </td>  
          </tr>  
          <tr>  
            <td width="510" height="440" valign="top" background="content-mitte.jpg"><div style="height: 98%; width: 98%; overflow:auto;"><center>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
dg<br>  
</div>  
</td>  
          </tr>  
          <tr>  
            <td valign="top"><img src="content-footer.jpg" width="510" height="235"></td>  
          </tr>  
        </table></td>  
        <td width="52" ><table width="100%" height="253"  border="0" cellpadding="0" cellspacing="0">  
          <tr>  
            <td valign="top"><img src="header-rechts.jpg" width="45" height="125"></td>  
          </tr>  
          <tr>  
            <td valign="top"><img src="content-rechts.jpg" width="45" height="440" align="top"></td>  
          </tr>  
          <tr>  
            <td valign="top"><img src="content-footer-rechts.jpg" width="45" height="235" align="top"></td>  
          </tr>  
        </table></td>  
      </tr>  
    </table></td>  
  </tr>  
</table></div>  
</body>  
</html>

Würde mich über Eure Hilfe freuen :)

Vielen Dank!!!

  1. Hallo Thorsten,

    :lol:

    warum, weshalb, wieso?

    Mache viel Homepage-Designs und HTML Programmierung

    HTML ist _keine_ Programmiersprache

    http://www.fitnessstudio-bodyform.de/

    Bitte einen Link: http://www.fitnessstudio-bodyform.de/

    Internet Explorer: http://img400.imageshack.us/img400/7963/ie3es.gif

    Link?

    Firefox: http://img400.imageshack.us/img400/2365/fire0aq.gif

    Link?

    Das Problem ist, dass der Internet Explorer immernoch der weiterverbreiteste Browser ist und viele Laien sich die Site mit ihm ansehen werden.

    Was heißt "Laie" für dich?

    Aus diesem Grund muss diese Page einwandfrei sein, da es sonst ein
    schlechtes Bild auf das Studio macht.

    Das ist wohl wahr.

    Habe schon alles Mögliche probiert, was mir einfällt.

    Neues Markup auch? :lol:

    Die Tables sind alle ' valign="top" ' und die Höhen und die Breiten
    stimmen auch mit der jeweiligen Grafik überein.

    Hast du tabellarische Daten?

    Wo ist dein Doctype?

    <head>
    <title>Fitnessstudio-BodyForm</title>
    <style type="text/css">

    Kein externes Stylesheet?

    <table width="750" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top"><table width="750" height="800" border="0" cellpadding="0" cellspacing="0">

    Bin mir nicht sicher, ob eine 750px-Tabelle _in_ eine 750px-Tabelle passt?!

    Zeige mal dem Validator beim W3C deine Seite. Der wird dir erste Hilfestellungen geben.

    Mit freundlichen Grüßen,
    André