Probleme avec mon site Résolu/Fermé

Question

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

bg62 · Answer

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

pijaku · Answer

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.

pijaku · Answer

Re...
Montre nous voir ton css...

Docteur_Ed · Answer

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)

pijaku · Answer

Pas de souci, fais nous quand même voir ton code css contenu dans ta page : style.css

Docteur_Ed · Answer

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

pijaku · Answer

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

Docteur_Ed · Answer

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 !

pijaku · Answer

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

Docteur_Ed · Answer

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 ?

pijaku · Answer

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

Joy_^ · Answer

Bonjour, tu peut essayer ça

là tu mets ton menu

là tu mets ton contenu

$nbsp;

Avec ton menu_gauche et ta page_principale en float:left

Docteur_Ed · Answer

Rebonjour à tous ! Joy, ta technique de rajouter

$nbsp;

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_^ · Answer

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

$nbsp;

ça fait une ligne en dessous des deux autres blocs et comme le

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à ;)

Docteur_Ed · Answer

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 !

Joy_^ · Answer

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.

;)

Docteur_Ed · Answer

Effectivement en mettant &nbsp, cela fait un espace, autant le virer :)

Merci à vous tous de m'avoir aidé !
Je considère le problème résolu, et si j'ai besoin d'aide, je n'hésiterai pas à aller sur votre forum !

Docteur_Ed

Probleme avec mon site

17 réponses

Discussions similaires