Discussion :

[julienlepage]

Bonjour à tous !

Je suis en train de faire une page
web tout ce qu'il y a de plus classique
en CSS qui se présente en gros comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div cadre>
   <div menu />
   <div page />
</div>

Le div#cadre doit contenir l'ensemble de
mes éléments (le menu et la page). Et il
se trouve que mon menu dépasse du cadre
en bas de page (que ce soit sous IE ou
sous Firefox). Que faire ?

-> Si ça peut aider, voici le détail de
mes éléments :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
div#cadre{
   margin : 10px auto;
   max-width : 700px;
   min-height : 95%;
   min-width : 400px;
   padding : 0 10px;
   position : relative;
   width : 75%;
}
 
div#menu{
   left : 10px;
   padding : 30px 10px;
   position : absolute;
   width : 100px;
}
 
div#page{
   margin-left : 130px;
}

Merci d'avance !

[Erwan31]

Bonjour,
attention ces 3 propriétés ne sont pas prises en compte par IE6:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
   max-width : 700px;
   min-height : 95%;
   min-width : 400px;

L'élément en position:absolute sort du flux normal, il n'est n'existe donc pas pour son conteneur, tu dois trouver une autre solution.