positionning fond d'un div avec height:100%

12 mai 2006, 20:05

Bonjour , tout d'abord , voici la compostion de mon div =>

dans le fichier css

/*LES DIV*/

div#menu{
width:150px;
height:100%;
background-color:#f4f4f4;
}

div#page{
height:85%;
}

div#info{
height:15%;
}

dans ma page

<div id="menu" style="float:left">
<!--Menu par type et par group-->
<? include "menu.php"?>
</div>	
<div id="content" style="float:left ; padding:10px ; height:100%">
<!--contenu de la page--> 

<div id="page">
test
</div>

<div id="info" class="info">
copyright ... 
</div>

</div>

Je voudrais que le div avec les infos soit positionné dans le fond de page quelques soit le contenu de id="page" !!

j'y suis plus ou moins arrivé avec les paramètre que vous pouvez voir ci-dessus.

J'ai cependant un soucis sous firefox , un petit espace dans le fond de la page et aussi je n'ai pas la certitude que ca va fonctionner avec toutes les autres résolutions.

Merci de votre aide

12 mai 2006, 20:27

J'ai l'impression qu'il te manque un outil : pour Firefox, c'est très pratique, la barre Web Developer

Pour ajuster des styles CSS, c'est ce que je connais de mieux.

12 mai 2006, 21:22

merci , je vais tester ça

12 mai 2006, 21:45

merci pour ce petit outils bien pratique !

mais je trouve pas de solution pour mon problème !!

12 mai 2006, 21:51

si tu as installé la barre Web Developer, appuie simultanément sur [Ctrl]+[Maj]+[E] : tu vas avoir un volet à gauche qui va afficher ta feuille de style : elle est éditable et les modifications sont instantanément reproduites sur la page mais pas enregistrées : donc si tu trouves le bon paramètres, fais un copier/coller vers la feuille de style originale avant de recharger la page.

12 mai 2006, 21:56

je sais , j'avais trouvé ca !

mais le problème est que je ne trouve pas un code valable à mettre !

J'ai déjà resolu le soucis de l'espace dans le fond la page mais je ne trouve pas comment positionner mon dv info dans le fond et que ca soit valable pour différentes résolutions.

qqch qui s'applique comme => valign="bottom" dans un tableau

Merci

12 mai 2006, 22:08

Avec un

Code : Tout sélectionner

position: relative;
bottom: 0;

à tester, je vois pas la page modifiée...

12 mai 2006, 22:13

non ca ne fonctionne pas

voici mon code actuelle qui est +- fonctionnel !

Code : Tout sélectionner

div#menu{
width:150px;
height:100%;
background-color:#f4f4f4;
}

div#page{
height:80%;
padding:10px;
}

div#info{
padding:10px;
position:relative;
bottom:0px;
}

<div id="menu" style="float:left">
<!--Menu par type et par group-->
<? include "menu.php"?>
</div>	

<div id="content" style="float:left ;  height:100%">
<!--contenu de la page--> 

<div id="page">
<?
if($_GET['page'])
{
if(file_exists($_GET['page'].".php"))
{
@include $_GET['page'].".php";
}
else{
@include "" ;
}
}
else{
@include "" ;
}
?>
</div>

<div id="info" class="info">
 Disentis BVBA - Tel. 03/248.84.11 Fax 03/248.56.61 E-mail [email protected]<br />
Handelsregister Antwerpen : ON° 0457 230 383<br />
Erkend vastgoedmakelaar in België onderworpen aan de deontologische code van BIV<br />
C.I.B.-lid 54.96.01 - B.I.V. 502.848
</div>

</div>

14 mai 2006, 10:38

Bonjour, il te faut du HTML4 pour faire ça, pas du XHTML

Bon dév !

positionning fond d'un div avec height:100%

Qui est en ligne