div mit bestimmtem Abstand und unbestimmter Grösse

[wapplegraph]

Hallo

Ich möchte ein div, dass von oben und unten einen Abstand von 50px, egal wie hoch das äussere div ist.
Ich habe es einmal so probiert, doch es klappt noch nicht:

<div style="width:50px; height:200px; border:#000000 solid 2px">

<div style="width:1px; margin:50px auto; background-color:#FF0000;">&nbsp;</div>

</div>

Wie kann ich dies lösen?
Der Sinn ist die Umsetzung des inneren Striches => Foto

Merci wapplegraph

 

[Slashwalker]

Probier mal bei der inneren div:
margin: auto auto; width: 1px; background-color: rgb(255, 0, 0); height: 100%;

Sieht bei mir dann so aus:

 

[Kenso]

wie wäre es mit padding-top und padding-bottom im äußeren div?

 

[wapplegraph]

Ok, merci vielmals mit padding hat geklappt.

<div style="width:50px; height:500px; padding-top:50px; padding-bottom:50px; border:#000000 solid 2px">

<div style="width:1px; height:100%; margin:auto auto;background-color:#FF0000;">&nbsp;</div>

</div>

wapplegraph

 

[wapplegraph]

wie funktioniert es jedoch, wenn keine feste Höhe angegeben ist?

 

[Slashwalker]

Wenn die äußere keine feste Höhe hat, wird die Höhe durch den Inhalt (Text/Bilder) definiert. Aber die innere muss schon die feste Höhe von 100% haben.