Probleme avec mon site
Résolu
Docteur_Ed
-
Docteur_Ed Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
Docteur_Ed Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
J'ai un problème d'affichage avec mon site : www.museedupoilu.fr
En effet, le menu situé à gauche ne fait pas la même taille que le reste de la page principale. Serait-il possible de modifier cela ? Je pense qu'il s'agit du CSS, mais quand je choisis la taille à 100%, il ne fait toujours pas la même longueur...
Merci d'avance de votre aide !
Docteur_Ed
J'ai un problème d'affichage avec mon site : www.museedupoilu.fr
En effet, le menu situé à gauche ne fait pas la même taille que le reste de la page principale. Serait-il possible de modifier cela ? Je pense qu'il s'agit du CSS, mais quand je choisis la taille à 100%, il ne fait toujours pas la même longueur...
Merci d'avance de votre aide !
Docteur_Ed
A voir également:
- Probleme avec mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
17 réponses
bonjour
il n'est pas obligatoire d'être inscrit ...
mais savoir à qui l'on répond sur le forum est toujours plus agréable pour les gens qui veulent aider !
alors ...inscrivez-vous
d'autant plus que le concept de ce site est original et bien mal codé ... il mérite mieux !!!
merci
b g
il n'est pas obligatoire d'être inscrit ...
mais savoir à qui l'on répond sur le forum est toujours plus agréable pour les gens qui veulent aider !
alors ...inscrivez-vous
d'autant plus que le concept de ce site est original et bien mal codé ... il mérite mieux !!!
merci
b g
Salut,
Je ne comprends pas ce que tu veux... C'est une question de hauteur? Tu veux que ton menu de gauche remplisse verticalement ta page d'accueil? Précise bien ce que tu veux.
Je ne comprends pas ce que tu veux... C'est une question de hauteur? Tu veux que ton menu de gauche remplisse verticalement ta page d'accueil? Précise bien ce que tu veux.
Pikaju, c'est exactement ça, j'aimerais que globalement la page principale et le menu de gauche fasse la même hauteur, parce qu'en ce moment, c'est trop "cassé".
bg62 : je vais m'inscrire. Il est vrai que ce site est mal codé, mais c'est mon premier en même temps, merci de faire preuve d'indulgence (j'ai toutefois compris que tu ne disais pas ça dans le but de me nuire)
bg62 : je vais m'inscrire. Il est vrai que ce site est mal codé, mais c'est mon premier en même temps, merci de faire preuve d'indulgence (j'ai toutefois compris que tu ne disais pas ça dans le but de me nuire)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Re !
Tu peux le voir à l'adresse suivante : www.museedupoilu.fr/style.css
Sinon, je t'ai fait un copié/collé :
body {
margin: 30px;
text-align: center;
background:url(images/fond.jpg);
}
#header{
background: url(images/ban.jpg) no-repeat bottom left;
border: 1px solid;
border-color: #FFFFFF;
position:relative;
margin-left: auto;
margin-right: auto;
width:1024px;
height:140px;
}
#menu_haut{
background-color: #FFCC66;
border: 1px solid;
border-color: #FFCC66;
position:relative;
margin-left: auto;
margin-right: auto;
width:1024px;
height:47px;
}
#global{
border: 0px solid;
border-color: #FFFFFF;
position:relative;
margin-left: auto;
margin-right: auto;
width: 1024px;
}
#menu_gauche{
margin-top: 0%;
border: 0px solid;
border-bottom:0px;
border-right:2px;
border-bottom:0px;
border-color: #FCFFFF;
float:left;
position:relative;
width: 160px;
height: 100%;
margin-bottom:0%;
font-family: Monotype Corsiva;
background-color: #FFCC66;
}
#page_principale{
margin-top: 0%;
margin-left:0%;
margin-right:0%;
border: 3px solid;
border-bottom:0px;
border-left:0px;
border-color: #FFCC66;
float:left;
position:relative;
left:0px;
width:861px;
min-height: 375px;
font-family: Monotype Corsiva;
background-color: #FFCC66;
}
#footer{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom:15px;
border-top: 1px dotted;
position:relative;
width: 60%;
height:40px;
clear:both;
font-family: Monotype Corsiva;
}
a{
color: #000000;
}
Je pense que c'est ici que ça pêche, mais comme je l'ai dit, je débute en programmation web...
Tu peux le voir à l'adresse suivante : www.museedupoilu.fr/style.css
Sinon, je t'ai fait un copié/collé :
body {
margin: 30px;
text-align: center;
background:url(images/fond.jpg);
}
#header{
background: url(images/ban.jpg) no-repeat bottom left;
border: 1px solid;
border-color: #FFFFFF;
position:relative;
margin-left: auto;
margin-right: auto;
width:1024px;
height:140px;
}
#menu_haut{
background-color: #FFCC66;
border: 1px solid;
border-color: #FFCC66;
position:relative;
margin-left: auto;
margin-right: auto;
width:1024px;
height:47px;
}
#global{
border: 0px solid;
border-color: #FFFFFF;
position:relative;
margin-left: auto;
margin-right: auto;
width: 1024px;
}
#menu_gauche{
margin-top: 0%;
border: 0px solid;
border-bottom:0px;
border-right:2px;
border-bottom:0px;
border-color: #FCFFFF;
float:left;
position:relative;
width: 160px;
height: 100%;
margin-bottom:0%;
font-family: Monotype Corsiva;
background-color: #FFCC66;
}
#page_principale{
margin-top: 0%;
margin-left:0%;
margin-right:0%;
border: 3px solid;
border-bottom:0px;
border-left:0px;
border-color: #FFCC66;
float:left;
position:relative;
left:0px;
width:861px;
min-height: 375px;
font-family: Monotype Corsiva;
background-color: #FFCC66;
}
#footer{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom:15px;
border-top: 1px dotted;
position:relative;
width: 60%;
height:40px;
clear:both;
font-family: Monotype Corsiva;
}
a{
color: #000000;
}
Je pense que c'est ici que ça pêche, mais comme je l'ai dit, je débute en programmation web...
Essaie de mettre : background-color: #FFCC66; dans ton #global comme ceci :
#global{
border: 0px solid;
border-color: #FFFFFF;
position:relative;
margin-left: auto;
margin-right: auto;
width: 1024px;
background-color: #FFCC66;
}
et dis moi ce que tu en penses.....
#global{
border: 0px solid;
border-color: #FFFFFF;
position:relative;
margin-left: auto;
margin-right: auto;
width: 1024px;
background-color: #FFCC66;
}
et dis moi ce que tu en penses.....
C'est assez incroyable parce que le bug est corrigé sous IE (la page est parfaite maintenant) mais pas sous Firefox...
Y a-t-il des problèmes de compatibilité ?
En tout cas, merci beaucoup pikaju pour ton aide précieuse !
Y a-t-il des problèmes de compatibilité ?
En tout cas, merci beaucoup pikaju pour ton aide précieuse !
Oui il y a beaucoup d'incompatibilités entre les différents navigateurs. Essaye la solution qui consiste à enlever le float:left; de ta div : #page_principale mais il y a un autre souci qui apparait dans le bas de la page il me semble. Fais ça et tiens moi au courant on essaiera de régler le souci suivant.......
Le problème, c'est qu'en utilisant ce procédé, c'est carrément le menu gauche qui saute !
En plus, il y a un bug d'affichage vers le bas, comme tu l'as signalé.
J'ai mis a jour le site pour te montrer le bug...
Dois-je remettre le float left ?
En plus, il y a un bug d'affichage vers le bas, comme tu l'as signalé.
J'ai mis a jour le site pour te montrer le bug...
Dois-je remettre le float left ?
Non ne le remet pas (en tout cas pas tout de suite...) Enlève également de ton div #page_principale le : position : relative;
Ça ne résouts pas le problème du bas de page mais supprime un bug....
Ça ne résouts pas le problème du bas de page mais supprime un bug....
Bonjour,
tu peut essayer ça
<div id="global">
<div id="menu_gauche">là tu mets ton menu</div>
<div id="page_principale">là tu mets ton contenu</div>
<p style="clear:both;">$nbsp;</p> <!-- tu rajoutes ce paragraphe à la fin de ton global pour remettre le flux normal -->
</div>
<div id="footer">ton footer</div>
Avec ton menu_gauche et ta page_principale en float:left
tu peut essayer ça
<div id="global">
<div id="menu_gauche">là tu mets ton menu</div>
<div id="page_principale">là tu mets ton contenu</div>
<p style="clear:both;">$nbsp;</p> <!-- tu rajoutes ce paragraphe à la fin de ton global pour remettre le flux normal -->
</div>
<div id="footer">ton footer</div>
Avec ton menu_gauche et ta page_principale en float:left
Rebonjour à tous !
Joy, ta technique de rajouter <p style="clear:both;">$nbsp;</p> n'a fait aucun effet sur mon site...
Pikaju, j'ai enlevé la position relative, qui a effectivement enlevé un bug, mais par contre ne résoud pas le problème comme tu le dis si justement...
Auriez-vous des suggestions pour régler ce problème qui est maintenant que sous firefox ?
Joy, ta technique de rajouter <p style="clear:both;">$nbsp;</p> n'a fait aucun effet sur mon site...
Pikaju, j'ai enlevé la position relative, qui a effectivement enlevé un bug, mais par contre ne résoud pas le problème comme tu le dis si justement...
Auriez-vous des suggestions pour régler ce problème qui est maintenant que sous firefox ?
Bonjour,
c'est un truc classique, quand tu as un bloc global avec à l'intérieur 2 blocs en float, les deux blocs sortent du flux, du coup tu n'as plus rien dans le flux du div global.
Firefox qui respecte le code n'affiche donc pas la couleur de fond de ton global puisqu'il est "vide".
IE quand à lui ne respecte rien donc t'as l'impression que ça marche sur IE mais en fait ça devrais pas.
Donc pour remédier à ça il faut ajouter avant de fermer ton div global un bloc qui reprend le flux normal, c'est pourquoi j'ai mis
<p style="clear:both;">$nbsp;</p>
ça fait une ligne en dessous des deux autres blocs et comme le <p> est dans le global on ala couleur de fond.
Si ça marche pas chez toi, c'est que tu as d'autres souci.
J'ai vu que tu avais mis des position:relative partout, à priori ça ne sert à rien.
Voilà ;)
c'est un truc classique, quand tu as un bloc global avec à l'intérieur 2 blocs en float, les deux blocs sortent du flux, du coup tu n'as plus rien dans le flux du div global.
Firefox qui respecte le code n'affiche donc pas la couleur de fond de ton global puisqu'il est "vide".
IE quand à lui ne respecte rien donc t'as l'impression que ça marche sur IE mais en fait ça devrais pas.
Donc pour remédier à ça il faut ajouter avant de fermer ton div global un bloc qui reprend le flux normal, c'est pourquoi j'ai mis
<p style="clear:both;">$nbsp;</p>
ça fait une ligne en dessous des deux autres blocs et comme le <p> est dans le global on ala couleur de fond.
Si ça marche pas chez toi, c'est que tu as d'autres souci.
J'ai vu que tu avais mis des position:relative partout, à priori ça ne sert à rien.
Voilà ;)
Joy, je te remercie, car le problème semble résolu !
Ce qui me posait problème, c'était ton $nbsp; , je n'en voyais pas l'utilité. Je l'ai viré, est-ce que ça pose des soucis particuliers ?
Merci en tout cas à vous tous !
Ce qui me posait problème, c'était ton $nbsp; , je n'en voyais pas l'utilité. Je l'ai viré, est-ce que ça pose des soucis particuliers ?
Merci en tout cas à vous tous !
A d'accord c'est moi qui me suis trompé
en fait ça s'écrit & nbsp; (sans l'espace entre & et nbsp;) et non pas $nbsp;
c'est parce que en ce moment je fais du php du coup j'ai mis $ au lieu de & xD
sinon ça pose pas de problème de l'enlever je crois pas, en fait & nbsp c'est un espace en html, c'est tout.
;)
en fait ça s'écrit & nbsp; (sans l'espace entre & et nbsp;) et non pas $nbsp;
c'est parce que en ce moment je fais du php du coup j'ai mis $ au lieu de & xD
sinon ça pose pas de problème de l'enlever je crois pas, en fait & nbsp c'est un espace en html, c'est tout.
;)
