mixmastertobsi: Problem mit 100 % Height und Padding

Hallo,

wie bekomme ich es hin, dass das innere DIV-Element nur so hoch wie das äußere DIV-Element ist, und nicht der padding zu der Höhe hinzugerechnet wird.

<div style='width: 200px; height: 200px;'>
 <div style='height: 100%; width: 100%; padding: 10px 0 0 0;'>
  test
 </div>
</div>

  1. Hallo,

    wie bekomme ich es hin, dass das innere DIV-Element nur so hoch wie das äußere DIV-Element ist, und nicht der padding zu der Höhe hinzugerechnet wird.

    vielleicht hilft Dir das Box-Modell zum Verständnis Deines Problems.

    Freundliche Grüße

    Vinzenz

    1. An was es liegt, ist und war mir bewusst - ich weiß nur nicht, wie ich das Problem lösen kann

      1. @@mixmastertobsi:

        nuqneH

        An was es liegt, ist und war mir bewusst - ich weiß nur nicht, wie ich das Problem lösen kann

        Mit einem anderen Box-Modell?

        Qapla'

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
      2. Hi,

        An was es liegt, ist und war mir bewusst - ich weiß nur nicht, wie ich das Problem lösen kann

        Alternativ zu dem von Gunnar könntest du dem äußerem div ein position:relative geben und dem inneren ein position:absolute und top, left, bottom und right auf 0 setzen.
        Dafür das height:100% beim inneren weglassen.

        ~dave