Probleme position div
j.tel
Messages postés
149
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
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);
}
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);
}
Configuration: Windows XP Internet Explorer 7.0
A voir également:
- Probleme position div
- Votre position - Guide
- Suivi position google - Guide
- Suivre position google - Guide
- Partage de position - Guide
- Envoyer ma position par sms - Accueil - Téléphones
8 réponses
bonjour,
il faut il me semble mettre une position absoue pour div b, sinon elle viendra toujours après le dernier affichage
il faut il me semble mettre une position absoue pour div b, sinon elle viendra toujours après le dernier affichage
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
