[php]Body et bas de page qui se juxtapose

Fermé
Lolu - 3 juin 2009 à 14:08
 Lolu - 5 juin 2009 à 14:36
Bonjour,

tout est dans le titre.
Mes corps de pages se juxtaposent avec mon bas de page lorsque je retrecie la taille de ma fenêtre verticalement.

Quelqu'un sait d'ou peut venir l'erreur ?

Je pense qu'il y a un probleme de style mais j'ai tenté plusieurs choses et rien ne fonctionne.

8 réponses

poukkid Messages postés 106 Date d'inscription mercredi 20 mai 2009 Statut Membre Dernière intervention 11 avril 2012 10
3 juin 2009 à 14:12
Salut,

tu as certainement un placement absolu du pied de page, ou un placement "au dessus" (avec zindex si je me souviens bien), ou quelque chose du genre

Copies ton code (html uniquement si possible) et le .css également (utilise bien la balise < code > de ce forum)
0
Voici ce que ça donne en image:
Ce que je voudrais (mais la je triche car quand je met un echo au milieu de mon code ça me donne ce que je voudrais...):

https://imageshack.com/

Voilà ce que j'ai:
https://imageshack.com/

Mon code html (complié de code php et de templates Smarty, j'ai pris le source de ma page finale avec "afficher la source"...):
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Po-Web</title>
<link rel="stylesheet" type="text/css" href="styles/bcbg1.css" media="all" />
<link rel="stylesheet" type="text/css" href="styles/bcbg1-form.css" media="all" />
<link rel="stylesheet" type="text/css" href="styles/bcbg1-tables.css" media="all" />
</head>
<body>
<div id="global">
<div id="hdr">
<img src="img/MANOUKIAN.gif" width="170" height="20" alt="BCBGMaxazria-Group"/>
 
<form name="frm_index" class="login" method="POST" action="index.php">
 
<input type="submit" name="index" value="Index" class="btn"  >
</form>
 
 
<h3>Po V3</h3>
</div>
<div id="content">
<br/></br/><br/>
 
<table name="tab_cli">
  <CAPTION><h3><u>Clients</u></h3></b></CAPTION>
<tr>
<th> Code Client</th>
	<th> Enseigne(raison sociale) </th>
	<th> </th>
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=1037" title="Voir ses commandes">1037</a></td>
	<td>NIOLLET LILIANE</td>
	<td><a href="view_client.php?C=1037" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=1095" title="Voir ses commandes">1095</a></td>
	<td>GHANTY PACIFIQUE</td>
	<td><a href="view_client.php?C=1095" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=1172" title="Voir ses commandes">1172</a></td>
	<td>M.PICARD</td>
	<td><a href="view_client.php?C=1172" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=1250" title="Voir ses commandes">1250</a></td>
	<td>JACLO SARL</td>
	<td><a href="view_client.php?C=1250" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=1447" title="Voir ses commandes">1447</a></td>
	<td>PATRICIA SOLIS</td>
	<td><a href="view_client.php?C=1447" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=1466" title="Voir ses commandes">1466</a></td>
	<td>SARL MOANA BOUTIQUE</td>
	<td><a href="view_client.php?C=1466" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=1480" title="Voir ses commandes">1480</a></td>
	<td>MADI TONY JUNIL ETS MADI TOURS</td>
	<td><a href="view_client.php?C=1480" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=1532" title="Voir ses commandes">1532</a></td>
	<td>SARL SEDUCTION</td>
	<td><a href="view_client.php?C=1532" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=1598" title="Voir ses commandes">1598</a></td>
	<td>MARTIN CHRISTINE MICHELLE ROXANNE</td>
	<td><a href="view_client.php?C=1598" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=1933" title="Voir ses commandes">1933</a></td>
	<td>CITGR</td>
	<td><a href="view_client.php?C=1933" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=2061" title="Voir ses commandes">2061</a></td>
	<td>LA BOUTIQUE</td>
	<td><a href="view_client.php?C=2061" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=2352" title="Voir ses commandes">2352</a></td>
	<td>TENDANCES SARL</td>
	<td><a href="view_client.php?C=2352" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=2815" title="Voir ses commandes">2815</a></td>
	<td>SEFRACA SARL</td>
	<td><a href="view_client.php?C=2815" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=3239" title="Voir ses commandes">3239</a></td>
	<td>MAMODO SARL</td>
	<td><a href="view_client.php?C=3239" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="pair">
	<td><a href="cmd.php?C=3254" title="Voir ses commandes">3254</a></td>
	<td>BTQUE DES CHAMPS ELYSES SARL**CX**</td>
	<td><a href="view_client.php?C=3254" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
<tr class="impair">
	<td><a href="cmd.php?C=3320" title="Voir ses commandes">3320</a></td>
	<td>CHIPIE BOUTIQUE</td>
	<td><a href="view_client.php?C=3320" title="Voir fiche client"><img src="img/gryinfo.gif" height="15"></a></td>
	
 
	</tr>
</table>
<ul class="navbar">
<li><a href="?VERS=F"><img src="img/redfirst.gif" width="16" height="16" title="Debut de liste"></a></li>
<li><a href="?VERS=P"><img src="img/redprev.gif" width="16" height="16" title="page precedente"></a></li>
<li><a href="?VERS=N"><img src="img/rednext.gif" width="16" height="16" title="page suivante"></a></li>
<li><a href="?VERS=L"><img src="img/redlast.gif" width="16" height="16" title="Fin de liste"></a></li>
</ul>
 
 
 
 
 
 
 
 
</div>
<div id="navbas">
<ul class="navbar">
<li><a href=</a></li>
<align="left"><li><a href="http://localhost/poweb/index.php">DOM-TOM / <font color="red">FEMME A/H 2009</font></a></li></align>
</ul>
</div>
</div>
</body>
</html>
 
0
ps: Arf j'ai masqué les clients sur ma 1ere image et pas sur la 2eme... Bref le carré rouge sur la 1ere est là pour masquer.
0
Alors poukkid ça te parle ? :-s
Ou quelqu'un d'autre peut-il m'aider ?
0

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

Posez votre question
poukkid Messages postés 106 Date d'inscription mercredi 20 mai 2009 Statut Membre Dernière intervention 11 avril 2012 10
3 juin 2009 à 15:41
Peux tu mettre les deux class navbas et navbar de tes .css s'il te plaît ?
(édites ton message pour enlever l'image ou supprimes la de imageshak si tu as des problèmes de confidentialité avec tes clients..)

C'est normal ça ??? au niveau du premier a href (en gras) ta balise n'est pas complète, ni fermée

<ul class="navbar">
<li><a href=</a></li>
<align="left"><li><a href="http://localhost/poweb/index.php">DOM-TOM / <font color="red">FEMME A/H 2009</font></a></li></align>
</ul>


soit tu as mal recopié, soit tu as un souci à ce niveau là déjà
0
Oui elle était mal refermée mais le href vide c'est normal, c'est une variable qui affiche un bouton qui fait les mises à jours, donc elle n'existe pas toujours.
J'ai essayé de l'enlevé pour voir mais j'ai toujours le même problème.

Voici mes classes navbas( le trait de déco qui sépare) et navbar (mes boutons rouges de navigation dans mon tableau):

#navbas
{
display : block;
width : 95%;
margin : 1%;
padding : 1%;
/*height : 40px;*/
border-top : 1px solid #C0C0C0;
}


.navbar ul{
text-align:center;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;

}



.navbar li{
display:inline;
color:#696969;
text-decoration:none;
margin:2px;

padding-left : 3px;
padding-right : 3px;
}
.navbar li a{
text-decoration:none;
color : #696969;
}

.navbar li a:hover{
text-decoration : none;
background-color : #696969;
color : #DFDFDF;
text-decoration : bold;
}
0
poukkid Messages postés 106 Date d'inscription mercredi 20 mai 2009 Statut Membre Dernière intervention 11 avril 2012 10
4 juin 2009 à 13:13
ton div="navbas" est déja un block (puisqu'un div) donc enlève déjà ton display = block dans ton style.

Ensuite je ne sais pas réellement d'où vient ton problème mais c'est du positionnement relatif/absolu ou du bloc flottant, donc tu peux tester plusieurs choses :

- essayer de placer ton navbas en position relative :
#navbas {
...
position : relative;
top : 0px;
...}

- essayer de le placer en bloc flottant :
#navbas {
...
float : left;
...}
(ou inversement modifier le caractère flottant de ton gros div="content" s'il en a un avec la propriété clear:left ...)

- essayer d'enlever carrément ton pied de page de ton div="global" et bidouiller les positionnements relatifs pour obtenir le résultat voulu.
Si en enlevant le pied de page de ton div="global", tes div se superposent toujours, alors le problème de positionnement absolu/relatif se confirme.

Regardes donc un peu ces tests, et dis moi ou ça pose problème plus précisément si c'est toujours le cas ensuite.
0
J'essaye tout ça je te dis quand j'arrive à un résultat !
Merci beaucoup pour ton aide.
0