Bonjour,
J’ai fait une petite mise en page
qui ressemble a peut pres a ca
[fixed]
________|
| |
1 | |
---- 3 |
| |
2 | |
--------|
[/fixed]
avec 1 et 2 qui overflow scroll lorsque le contenu est trop grand
1 et 2 font la meme taille,
1 2 et 3 se redimensionnent tout seul avec la page
c est pile ce que je voulais faire, seulement j’ai un probleme,
je ne parviens pas a realiser la meme chose sous ie,
je ne parviens pas a faire un css compatible pour ie et firefox,
j’ai mis le code de la page ci dessous
je debute avec les div/css et tente d’abandonner les tables
Une ame charitable accepterait elle de m’aider ?
[cpp]
body{
margin:0;
height:100%
}
#divFullPage{
width:100%;
height:100%;
background-color:crimson;
}
#menuBar{
height:50px;
width:100%;
background-color:pink;
}
#lowPart{
position:absolute;
top:50px;
bottom:0px;
h!eight:100%;
margin-bottom:0px;
padding-bottom:0px;
width:100%;
background-color:lime;
}
#leftLowPart{
width:50%;
height:100%;
background-color:yellow;
}
#leftLowUp{
overflow:auto;
height:50%;
background-color:green;
}
#leftLowDown{
overflow:auto;
height:50%;
background-color:blue;
}
#rightLowPart{
position:absolute;
left:50%;
width:50%;
top:0px;
height:100%;
background-color:brown;
}
menu
</div>
<div id=lowPart>
<div id=leftLowPart>
<DIV id=leftLowUp>
leftLowUp<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>
</div>
<DIV id=leftLowDown>
leftLowDown<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>
</div>
</div>
<div id=rightLowPart>
rightLowPart
</div>
</div>
[/cpp]