Discussion :

[student_php]

Bonjour,

Je viens de commencer la mise en boîte de mon 1er site en design extensible, tout se passe plutôt bien sauf sur une page qui me pose problème !

J'ai un menu fixe sur la gauche, un corps divisé en deux, un cadre en position absolue (left:20%) collé à droite du menu, et un cadre en position fixe collé au cadre que je viens de décrire (right:1%).

Je voudrais placer un pied de page à 10px du bas de la page, le problème c'est que quand je fais un margin-bottom, le pied de page arrive dérrière les cadres en position absolue, est-il possible de les utiliser comme "référenciel" pour dire: "Je veux mon pied de page 10px en dessous de cet élément en position absolu".

Car pour ne rien simplifier, un de mes cadres peut avoir une taille variable selon ce que le visiteur sélectionne dans une liste déroulante d'un formulaire.

Si quelqu'un connait donc une astuce pour placer un élément par rapport à un élément en position absolue, ou a une autre idée, merci de m'en faire part !

Bonne soirée.

[aL1ba]

menu fixe sur la gauche, un corps divisé en deux, un cadre en position absolue (left:20%) collé à droite du menu, et un cadre en position fixe

Je mettrais le tout dans un "div wrapper" et ensuite ton "div piedpage", ce qui devrait régler le problème.

[student_php]

Je viens d'essayer c'est vrai que ca parraît évident, j'ai mit les 3 blocs que tu quote dans une div wrapper, dans le CSS je dis

Code :

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

1
2
3
4
#wrapper
{
  margin-bottom:10px;
}

mais mon pied de page qui est bien appelé après apparaît toujous 10px en dessous de ma bannière (et donc toujours dérrière le contenut de ma page)

[aL1ba]

Code :

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

1
2
3
4
#wrapper
{
  margin-bottom:10px;
}

mais mon pied de page qui est bien appelé après apparaît toujous 10px en dessous

Il me semble que ton code CSS ne devrait pas être là, mais dans la section pour ton pied de page.....

Je te donne un exemple de code avec les "wrappers", mais je n'utilise pas de position absolue, ça peut être une différence...

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
22
23
24
25
26
27
28
29
#wrapper {width:1025px; margin:0 auto; /*global wrapper*/
                  text-align:left;
			background: #eee8aa;
			border: 1px solid white;
			}
 
 
#header-wrapper {
                   margin-top: 5px;
                	 width: 100%; 
                	 height: 100%;
               	 margin-left: auto; margin-right: auto;
			}
 
#header {width:900px; height:100px; margin-left: auto; margin-right: auto; }
 
#menu-wrapper {
             width : 100%;
		 height: 100%;
             margin-left: auto; margin-right: auto;
		 }
 
#menubox  {
        	 width : 540px;
		 height: 100%;
             margin-left : auto; 
             margin-right :auto;
		 /*border : 1px solid red; was used 4 testing*/
		 }

bye,