Aide templete

j.tel -  
Bonjour,
Bonjour,
mon probleme existe au niveau de div (id=b) quand le text qui s'affiche dans div (id=contenu) sera plus grand que la page div (id=b) reste sur la meme pusition.
comment faire pour rendre cette div dynamique. pour qu'elle reste en pied de la page toujours.
je sais pas est ce que jai commé une faute ou quoi.

ma page index.php

<body>
<div id="t">
<table class="tab" >
<tr><td>
<div id="logo"><img src="images/logo.png" /></div>
<div id="top"></div>

</td></tr>
<tr><td>

<table width="800px" height="46" border="0" class="tab" cellpadding="2" cellspacing="2">
<tr align="center" class="tr"><td width="119" height="40" >
<a href="#" class="bouton" onclick="location.href='index.php?id=accueil'">Accueil</a></td>
<td width="214">
<a href="#" class="bouton" onclick="location.href='index.php?id=marche'">Comment ça marche</a></td>
<td width="102">
<a href="#" class="bouton" onclick="location.href='index.php?id=aide'">Aide</a></td>
<td width="161">
<a href="#" class="bouton" onclick="location.href='index.php?id=invitation'">Inviter un ami</a></td>
<td width="170">
<a href="#" class="bouton" onclick="location.href='index.php?id=inscription'">Inscrivez-vous</a></td>
</tr></table>
</td></tr></table>
<div>
<div id="left">
<div id="identification" align="center"><img src="images/titre.png" /></div>
<div id="bas">
dhhhhhhhhdh
</div>
</div>
<div id="contenu">
<?php
if(isset($_GET['id']))
{
$id=$_GET['id'];
switch($id)
{
case "accueil" : require"accueil.php";break;
case "contact" : require"contact.php";break;
case "inscription" : require"inscription.php";break;
case "oublie" : require"oublie.php";break;
case "marche" : require"marche.php";break;
case "terme" : require"terme.php";break;
case "nous" : require"nous.php";break;
case "polytique" : require"polytiques.php";break;
case "invitation" : require"invitation.php";break;
case "aide" : require"aide.php";break;
case "suite" : require"suite.php";break;
default:require"accueil.php";break;
}
}
else
if(isset($_GET['id'])=="")
require"accueil.php";
else
{
require"accueil.php";
}
?>

</div>
</div>
<div><img src="images/titre1.png" /></div>
<div id="marche">

<div align="center"><a href="#" class="buttom" onclick="window.location='index.php?id=marche'">Information Extra</a></div>
</div>
<div ><img src="images/titre_partenaires.png" /></div>
<div id="rechercher">
sggsfgfg
</div>
<div id="b">
sggsgsg
</div>
</div>
</body>

mon fichier css :

html{
height:100%;
}
body{
background-color:#ececec;
height:100%;
}

div#t{
margin:auto;
height:auto;
width:800px;
}
div#logo{
width:200px;
height:100px;
float:left;
}
div#top{
background:#CCC;
width:590px;
height:100px;
float:right;
}
div#menu{
background-color:#00FF99;
}

div#contenu{
width:590px;
text-align:center;
padding-top:8px;
height:400px;
float:right;
}

div#left{
width:200px;
margin-top:6px;
float:left;
}
div#marche{
width:200px;
padding-top:6px;
margin-top:0px;
font-size:12px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/gg.bmp);
background-repeat:repeat-x;
padding-bottom:10px;

}
div#rechercher{
width:200px;
padding-top:6px;
margin-top:0px;
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/gg.bmp);
background-repeat:repeat-x;
padding-bottom:10px;
}

div#identification{
padding-top:3px;
}

div#bas{
width:200px;
background-image:url(../images/gg.bmp);
padding-top:6px;
background-repeat:repeat-x;
}

div#b{
width:800px;
background-image:url(../images/bas.png);
}

jai postulé ce probleme dans plusieurs forum et personne n'as trouvé la solution.
Configuration: Windows XP
Internet Explorer 7.0

7 réponses

  1. Leahkim
    au lieu d'utiliser des pixels (px) pour tes positionnement en CSS, utilise des %, c'est 10 fois plus précis, et ça bouge en fonction de la taille de la page^^
    1
    1. j.tel Auteur
      ok je vé esseyer maintenat et te repondre.
      -1
      1. j.tel Auteur
        ca marche pas jai meme si jai ajouté ca
        div#b{
        width:800px;
        background-image:url(../images/bas.png);
        position:absolute;
        top:100%;
        }
        -1
        1. Leahkim
          non, pas comme ça lol, se sont les margin et les padding qui peuvent prendre les %:

          margin-left: 23%
          padding-top: 42%

          tu vois ?
          -1
          2. j.tel Auteur
            ca marche dans des cas et non pas toujours .
            1
            1. Leahkim
              je l'ai toujours fait, et ça a toujours marché avec moi...
              -1
              1. j.tel Auteur
                c"est bizar depuis longtemps que je cherche cette solution et rien pour le moment
                1