Aide templete

Fermé
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 - 15 oct. 2008 à 11:35
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 - 15 oct. 2008 à 12:37
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.
A voir également:

7 réponses

Leahkim Messages postés 3078 Date d'inscription jeudi 15 novembre 2007 Statut Membre Dernière intervention 2 mars 2014 280
15 oct. 2008 à 11:38
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
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 1
15 oct. 2008 à 12:28
ca marche dans des cas et non pas toujours .
1
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 1
15 oct. 2008 à 12:37
c"est bizar depuis longtemps que je cherche cette solution et rien pour le moment
1
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 1
15 oct. 2008 à 11:48
ok je vé esseyer maintenat et te repondre.
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
j.tel Messages postés 133 Date d'inscription mercredi 14 mai 2008 Statut Membre Dernière intervention 13 mai 2013 1
15 oct. 2008 à 11:50
ca marche pas jai meme si jai ajouté ca
div#b{
width:800px;
background-image:url(../images/bas.png);
position:absolute;
top:100%;
}
-1
Leahkim Messages postés 3078 Date d'inscription jeudi 15 novembre 2007 Statut Membre Dernière intervention 2 mars 2014 280
15 oct. 2008 à 12:19
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
Leahkim Messages postés 3078 Date d'inscription jeudi 15 novembre 2007 Statut Membre Dernière intervention 2 mars 2014 280
15 oct. 2008 à 12:29
je l'ai toujours fait, et ça a toujours marché avec moi...
-1