[php]Body et bas de page qui se juxtapose

Lolu -
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.

Afficher la suite

A voir également:

[php]Body et bas de page qui se juxtapose
Impossible de supprimer une page word - Guide
Numéro de page word - Guide
Imprimer tableau excel sur une page - Guide
Page d'accueil - Guide
Base de registre - Guide

8 réponses

Réponse 1 / 8

poukkid Messages postés 106 Date d'inscription Statut Membre Dernière intervention 11

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)

Réponse 2 / 8

Lolu

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>

Réponse 3 / 8

Lolu

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.

Réponse 4 / 8

Lolu

Alors poukkid ça te parle ? :-s
Ou quelqu'un d'autre peut-il m'aider ?

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

Posez votre question

Réponse 5 / 8

poukkid Messages postés 106 Date d'inscription Statut Membre Dernière intervention 11

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à

Réponse 6 / 8

Lolu

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;
}

Réponse 7 / 8

poukkid Messages postés 106 Date d'inscription Statut Membre Dernière intervention 11

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.

Réponse 8 / 8

Lolu

J'essaye tout ça je te dis quand j'arrive à un résultat !
Merci beaucoup pour ton aide.

Discussions similaires

tiret du bas

[référencement] Ne pas être référencé

Trouver le code source d'une page internet.

Votre réponse

Discussions similaires