Thomas: DIVs im Firefox auf 100% Höhe strecken

Hallo,

ich bin neu mit der Thematik, also nicht wundern wenn das eine Noobfrage ist.
Mein Problem ist ich möchte DIVs so strecken das sie 100% des Bilschirms oder des Elternobjektes füllen.
Ich habe folgendes versucht:

<body style="height:100%;">
<div style="height:100%;background-color:#006699">test</div>
</body>

Das geht im IE, aber nicht im Mozilla.
Kann mir jemand helfen?
Wichtig ist auch noch das die DIVs unbedingt relative bleiben müssen.

Grüsse

T.

  1. hi,

    <body style="height:100%;">
    <div style="height:100%;background-color:#006699">test</div>
    </body>

    auch body hat noch ein elternelement, dessen höhe ebenfalls auf 100% gesetzt werden müsste.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
    1. Danke für den Tip,

      hi,

      <body style="height:100%;">
      <div style="height:100%;background-color:#006699">test</div>
      </body>

      auch body hat noch ein elternelement, dessen höhe ebenfalls auf 100% gesetzt werden müsste.

      gruß,
      wahsaga

      Krass!!! <HTML> braucht auch noch 100%. Merci dir!

      1. auch body hat noch ein elternelement, dessen höhe ebenfalls auf 100% gesetzt werden müsste.

        Krass!!! <HTML> braucht auch noch 100%. Merci dir!

        kann mir das jemand genauer erklären ich versteh nur bahnhof....

        gruß
        michi

        1. Krass!!! <HTML> braucht auch noch 100%. Merci dir!

          kann mir das jemand genauer erklären ich versteh nur bahnhof....

          gruß
          michi

          Hallo michi,

          mit Bahnhof hat das nix zu tun ;)

          <html> = Mama und Papa
          <body> = Sohn
          <div>  = Sohn und Enkel

          |--------------------------|
          |          html            |
          |  |--------------------|  |
          |  |       body         |  |
          |  |  |--------------|  |  |
          |  |  |    div       |  |  |
          |  |  |              |  |  |
          |  |  |--------------|  |  |
          |  |       body         |  |
          |  |--------------------|  |

          html

          Gruß sk