[IE] Kompatibilitätsproblem

**tontechniker** · 17.11.2007, 16:21

OffTopic:
Beschäftige dich mit CSS, schmeiß die ganzen Tabellen raus, bau das ganze um und komm dann nochmal wieder ... (Wie wohl solche Bewertungen zu Stande kommen ... traue nie den Eingaben des Users. Und Directory Traversal geht auch noch.)

**Kropff** · 17.11.2007, 16:36

1. doctype-defintion angeben
2. alle fehler beseitigen und dann weiter sehen

gruß
peter

**nohfreak** · 19.11.2007, 19:23

Also, ich hab nun eine ziemlich lange Weile in meinem Code rumgewühl, und dann beschlossen einfach mal von vorne anzufangen mit dem HTML-Design der Seite, und immer zwischendurch den W3C-Validator drüberzujagen.

Ich bin nun bisher so weit gekommen:

Zwischenergebnis

Das Problem ist nun, dass die Tabellenzellen irgendwie nicht machen, was ich will, und ich ehrlichgesagt keine Ahnung habe, warum das so ist.

Bei obigem Link ist zu erkennen, dass der linke Border weiter nach unten geht, als die Menuleiste hoch ist. Rechts ist die Tabellenzelle ebenso nach unten verzogen.

Ich verstehe nicht, warum das so ist, da sowohl die mittlere Zelle auf height="31" steht, und die rechte auch.

Hier der komplette Code:

PHP-Code:


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

<html>

<head>

<title></title>

<meta name="author" content="Nils Haldenwang">

<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

<style type="text/css">

<!--

.overtable {border:1px solid #990000; border-spacing:0px;}

.top {border-bottom:1px solid #990000; background-color: #E5EAF6}

.mid  {background-color: #C2CCE7}

.bottom {border-top:1px solid #990000; background-color: #E5EAF6}

.maintable {border-left:1px solid #000000; border-right:1px solid #000000}



a:link { color:#000000; font-family:Verdana; font-size:10pt; text-decoration:none;}

a:visited { color:#000000; font-family:Verdana; font-size:10pt; text-decoration:none;}

a:active { color:#000000; font-family:Verdana; font-size:10pt; text-decoration:none;}



BODY

{

 FONT-FAMILY:Verdana;

 FONT-SIZE:10pt;

 COLOR:#000000;

}

table, tr, td

{

 FONT-FAMILY:Verdana;

 FONT-SIZE:10pt;

 COLOR:#000000;

}



-->

</style>

</head>

<body>



    <table class="maintable" width="900" cellspacing="0" cellpadding="0" align="center">

      <!-- Header -->

      <tr>

        <td width="898" height="155"><img src="gfx/gif/head.gif" width="898" border="0" height="155"></td>

      </tr>



      <!-- Menu -->

      <tr>

        <td width="898" height="31">



            <table width="898" cellspacing="0" cellpadding="0">

               <tr>

                  <td width="700" height="31">

                       <div style="background: transparent url(gfx/gif/mid1.gif) no-repeat;">

                       <!-- Buttons -->



                       <img src="gfx/gif/buttons/su1.gif">

                       <img src="gfx/gif/buttons/su2.gif">

                       <img src="gfx/gif/buttons/su3.gif">



                      <!-- Buttons Ende -->

                      </div>

                  </td>





                  <td width="198" height="31" align="center" bgcolor="#C2CCE7">



                  </td>

               </tr>

            </table>



        </td>

      </tr>

    </table>



</body>

</html>

**Kropff** · 19.11.2007, 19:46

wenn du eh von vorne anfängst, warum setzt du immer noch diese mittelalterlichen layout-tabellen ein? und noch ein tipp: NIEMALS

PHP-Code:


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

als doctype-definition einsetzen.das gibt nur ärger wegen dem boxmodel-bug im ie (siehe auch quirks-modus).
wenn du es vernünftig lernen willst, schau dich mal ggf. auf meiner seite um. da wird genau erklärt, wie man ohne layout-tabellen arbeitet. gehe erst die theorie zu html und css durch, danach stürz dich auf die tutorials.

gruß
peter

**nohfreak** · 23.11.2007, 18:51

Moin Peter,

danke dir für den Tip. Hab mal angefangen deine Website zu überfliegen, und musste feststellen, dass dort doch alles recht sinnig und sympathisch formuliert erklärt wird.

Für mein aktuelles Projekt werd ich erstmal weiterhin meine Steinzeit-Tabellen verwenden, aber für das nächste Projekt werde ich mir deine Erläuterungen zu Herzen nehmen.

Dickes Lob an dich für dein Engagement, die Seite gefällt mir richtig gut!

**TobiaZ** · 23.11.2007, 19:30

Ich würde das Projekt nutzen um einzusteigen. Der Aufbau eignet sich ideal und ist wirklich nicht schwer.

**Kropff** · 23.11.2007, 21:34

Original geschrieben von TobiaZ
Ich würde das Projekt nutzen um einzusteigen. Der Aufbau eignet sich ideal und ist wirklich nicht schwer.

OffTopic:
jaja, ich der anfängerversteher

gruß
peter

[IE] Kompatibilitätsproblem