Quelltext der Seite Vorlage Diskussion:Hp-in-floatbox-div


== Vorlage ==

 <nowiki>
 <div style="width:100%; height:{{{h|20}}}em; overflow:hidden;"></nowiki>

== Kommentar ==

* Die Vorlage definiert den Anfangsbefehl einer Box in voller Breite.
* Nach den Inhalt der Box muss <code><nowiki></div></nowiki></code> stehen.
* Die Höhe der Box lässt sich über den Parameter <code>h</code> in der Einheit em angeben.
* Der Default-Wert ist <code>h=20</code>, wenn nichts angegeben ist.
* Der Inhalt wird unten abgeschnitten.

Dieser Aufruf definiert eine Box der Höhe 23em:

 <nowiki>
 {{hp-floatbox-div|h=23}}
 ..Inhalt der Box ..
 </div></nowiki>

Die typische Verwendung ist eine Box innerhalb der Box [[Vorlage:Hp-floatbox-div]]:

 <nowiki>
 {{hp-floatbox-div|w=22|h=25}}
 {{hp-floatbox-title|Titel}}
 {{hp-floatbox-div|h=23}}
 ..Inhalt der Box..
 </div>
 </div>
 </nowiki>

== Demo ==

{{hp-floatbox-div}}
{{hp-floatbox-title|Titel 1}}
{{hp-in-floatbox-div}}Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</div>

{{hp-floatbox-div|w=25}}
{{hp-floatbox-title|Titel 2}}
{{hp-in-floatbox-div}}Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</div>

{{hp-floatbox-div|w=17|h=27}}
{{hp-floatbox-title|Titel 3a}}
{{hp-in-floatbox-div|h=8.4}}Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
{{hp-in-floatbox-div|h=1}}</div>
{{hp-floatbox-title|Titel 3b}}
{{hp-in-floatbox-div|h=8.4}}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
</div>

{{hp-floatbox-div|w=17|h=27}}
{{hp-floatbox-title|Titel 3a}}
{{hp-in-floatbox-div|h=8.4}}Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
{{hp-in-floatbox-div|h=1}}</div>
{{hp-floatbox-title|Titel 3b}}
{{hp-in-floatbox-div|h=8.4}}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
</div>

{{hp-floatbox-div|w=17|h=27}}
{{hp-floatbox-title|Titel 3a}}
{{hp-in-floatbox-div|h=8.4}}Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
{{hp-in-floatbox-div|h=1}}</div>
{{hp-floatbox-title|Titel 3b}}
{{hp-in-floatbox-div|h=8.4}}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
</div>