[CSS] Bas de page

**adr22** · 12/04/2006, 14h43

Bonjour je vous explique mon souci :

dans ma page , j'ai un bloc "main", avec notamment une hauteur qui s'adapte au contenu :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
   position : absolute;
   top : 190px;
   left : 212px;
   width : 761px;
   min-height : 650px ;
   padding : 10px;
   border : 1px outset #12f8ef ;
   color : #12f8ef ;
   font: 90% verdana, arial, sans-serif;

Sous ce bloc je souhaiterai en créer un autre, de largeur et hauteur fixe, afin d'y mettre mon bas de page. Mais ce bas de bage devrait en fait s'adapter en fonction de la hauteur du bloc principal.

Quelqu'un peut-il m'aider ?
Merci d'avance[/code]

**10-nice** · 12/04/2006, 15h46

une solution consiste à mettre nue div conteneur en position absolute et dedans tu met ton div avec contenu variable et ton deuxième bloc en dessous.

**adr22** · 12/04/2006, 16h43

Envoyé par 10-nice

une solution consiste à mettre nue div conteneur en position absolute et dedans tu met ton div avec contenu variable et ton deuxième bloc en dessous.

tout d'abord merci pour ta réponse...
Etant un novice peux tu m'en dire un petit peu plus stp ?

**marsupix** · 12/04/2006, 16h55

Code :

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

1
2
3
4
5
6
<div id="conteneur">
<div id="contenu_de_la_page">
...
</div>
<div if="bas_de_page"></div>
</div>

**10-nice** · 12/04/2006, 16h57

avec ca

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
#conteneur {
 position : absolute;
   top : 190px;
   left : 212px;
   width : 761px;
   min-height : 650px ;
   padding : 10px;
   border : 1px outset #12f8ef ;
   color : #12f8ef ;
   font: 90% verdana, arial, sans-serif; 
}

Je pense qu'il devrait y avoir a retoucher au margin, float et compagnie si tu veux avoir le meme rendu sous IE ff opéra et compagnie...