mise en page WPF comme en HTML5/CSS3

Question

Comment puis-je obtenir l'équivalent de:

<Grid> 
<Grid.RowDefinitions> 
    <RowDefinition Height="300"> 
    <RowDefinition Height="*"> 
    <RowDefinition Height="100"> 

whe la ligne à hauteur * remplit l'espace de l'écran restant après les rangées supérieures et inférieures ont pris leur 400px?

Merci

Answer 1

Vous pouvez y parvenir en utilisant div (s)

<div class="upperSection"> 

</div> 

<div class="content"> 

</div> 


<div class="lowerSection"> 

</div> 

et Css:

.upperSection 
{ 
    position:absolute; 
    top:0; 
    left:0; 
    height:300px; 
    width:100%; 
} 

.content 
{ 
    position:absolute; 
    top:300px; 
    left:0; 
    height:100%; 
    width:100%; 
} 

.lowerSection 
{ 
    position:absolute; 
bottom:0; 
left:0; 
height:100px; 
width:100%; 

} 

Answer 2

Cela devrait résoudre le problème:

.upperSection 
{  
    top:0; 
    left:0; 
    height:300px; 
    width:100%; 

} 

.content 
{ 
    position:absolute; 
    left:0; 
    top:300px; 
    bottom:100px; 
    width:100%; 



} 

.lowerSection 
{ 
position:absolute; 
bottom:0; 
left:0; 
height:100px; 
width:100%; 


} 

Vive .