Page 1 sur 1
positionning fond d'un div avec height:100%
Posté : 12 mai 2006, 20:05
par Tictac
Bonjour , tout d'abord , voici la compostion de mon div =>
dans le fichier css
Code : Tout sélectionner
/*LES DIV*/
div#menu{
width:150px;
height:100%;
background-color:#f4f4f4;
}
div#page{
height:85%;
}
div#info{
height:15%;
}<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
Posté : 12 mai 2006, 20:27
par Cyrano
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.
Posté : 12 mai 2006, 21:22
par Tictac
merci , je vais tester ça
Posté : 12 mai 2006, 21:45
par Tictac
merci pour ce petit outils bien pratique !
mais je trouve pas de solution pour mon problème !!
Posté : 12 mai 2006, 21:51
par Cyrano
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.
Posté : 12 mai 2006, 21:56
par Tictac
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
Posté : 12 mai 2006, 22:08
par Cyrano
Avec un
à tester, je vois pas la page modifiée...
Posté : 12 mai 2006, 22:13
par Tictac
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>
Posté : 14 mai 2006, 10:38
par Vaedan
Bonjour, il te faut du HTML4 pour faire ça, pas du XHTML
Bon dév !