labos: dat übliche 100%-Problem

Hallo, hat jemand eine Ahnung, warum das folgende nicht funktioniert:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">
<head>
    <title>Unbenannte Seite</title>
</head>
<body style="position: absolute; margin-top: 0px; margin-left: 0px; background-color: #737373; height:100%;">
    <table cellpadding="0" cellspacing="0" border="0" style="width: 858px; height:100%;">
        <tr>
            <td colspan="2" style="background-color: #efefef; width: 850px; height: 82px;"

align="right">
logo            </td>
            <td style="width: 8px; height: 82px;"></td>
        </tr>
        <tr>
            <td style="width: 250px;" valign="top">
menu
            </td>
            <td style="width: 600px; background-color: #009CDD; vertical-align:top;">
und hier
            </td>
            <td style="width: 8px;"></td>
        </tr>
        <tr>
            <td style="width: 250px; height:100%;"></td>
            <td style="width: 600px; height:100%; background-color: #009CDD;"></td>
            <td style="width: 8px; height:100%;"></td>
        </tr>
    </table>
</body>
</html>

Nicht funktionieren heißt, dass Firefox alles schön anzeigt, IE aber über die 100% hinausgeht und das Feld vergrößert, so dass Scrollbalken erscheinen.

Gruß
labos

  1. Moin labos,

    Hallo, hat jemand eine Ahnung, warum das folgende nicht funktioniert:
    <td colspan="2" style="background-color: #efefef; width: 850px; height: 82px;"
    <td style="width: 8px; height: 82px;"></td>

    <td style="width: 600px; height:100%; background-color:

    wieviel Prozent ergeben 100% + n px?

    regds
    Mike©

    --
    Freunde kommen und gehen. Feinde sammeln sich an.
    1. Hi, verstehe ich nicht ganz! Willst du sagen, dass die 82px die 100% beschränken? Aber die 82 beziehen sich auf eine Spalte, nicht auf die Tabelle, d.h. die 100% in der letzten Spalte sollen die Tabelle dann ausdehnen.

      Moin labos,

      Hallo, hat jemand eine Ahnung, warum das folgende nicht funktioniert:
      <td colspan="2" style="background-color: #efefef; width: 850px; height: 82px;"
      <td style="width: 8px; height: 82px;"></td>

      <td style="width: 600px; height:100%; background-color:

      wieviel Prozent ergeben 100% + n px?

      regds
      Mike©

      1. Moin labos,

        Hi, verstehe ich nicht ganz! Willst du sagen, dass die 82px die 100% beschränken? Aber die 82 beziehen sich auf eine Spalte, nicht auf die Tabelle, d.h. die 100% in der letzten Spalte sollen die Tabelle dann ausdehnen.

        Die Spalte soll 100% hoch sein. Fein, aber 100% von was?

        regds
        Mike©

        --
        Freunde kommen und gehen. Feinde sammeln sich an.
        1. Na, 100% im Browser! Das ist in allen Elternelementen angegeben, oder?

          Die Spalte soll 100% hoch sein. Fein, aber 100% von was?

          regds
          Mike©

          1. Moin labos,

            Na, 100% im Browser! Das ist in allen Elternelementen angegeben, oder?

            Nö. Du hast definiert, dass die Tabelle in der Höhe 100% des verfügbaren Platzes einnehmen soll.

            Alle weiteren Angaben zu der Höhe der Spalten richten sich nun an der Höhe der Tabelle aus. Da Du mehreren Zeilen bereits eine Höhe von n Pixel zugewiesen hast, sind das 100% - n Pixel.

            Die betreffende Spalte kann nun also gar nicht 100% der Höhe haben, da keine 100% mehr übrig sind.

            Der IE vergrößert daher (laut deinen Angaben) die gesamte Höhe der Tabelle auf 100% + n Pixel. Also mehr als 100%

            @Forum,

            liege ich da falsch, oder kommt das so einigermaßen hin?

            regds
            Mike©

            --
            Freunde kommen und gehen. Feinde sammeln sich an.