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
      ca marche dans des cas et non pas toujours .
      1
      1. j.tel Auteur
        c"est bizar depuis longtemps que je cherche cette solution et rien pour le moment
        1
        1. j.tel Auteur
          ok je vé esseyer maintenat et te repondre.
          -1
          2. 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
              1. Leahkim
                je l'ai toujours fait, et ça a toujours marché avec moi...
                -1