RESOLU - Internet Explorer boude mon site

[Le k]

salut, dans Internat Explorer le menu du site (qui devrait être à gauche) se trouve en plein milieu de ma page alors que dans Firefox le menu se trouve bien à gauche. Pourquoi, qu'ai-je encore fait ? Que dois-je faire ? Aider moi SVP.

L'url du site : http://boisbievre.free.fr

Merci de vos réponse et de votre aide. Sans vous, que serions-nous ?

[Flore]

Je déplace dans développement web, où tu trouveras plus de monde pour t'aider

[PsyDk]

IE ne possède pas la fonctionnalité « position: fixed » utilisé par le menu. Un « position: absolute » en revanche règle le problème.

Voici une idée pour avoir le « position: fixed » sous Ff et « position: absolute » sur IE :

div du menu avant :

Code : Tout sélectionner

<div style="border: 0px solid ; position: fixed; left: 14px; top: 20px; text-align: center; font-family: Helvetica,Arial,sans-serif; line-height: 25px;">

div du menu après :

Code : Tout sélectionner

<div id="Menu">

Dans les styles tu ajoutes :

Code : Tout sélectionner

#Menu
{
	border: 0px solid;
	position: absolute;
	left: 14px;
	top: 20px;
	text-align: center;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 25px;
}

body > #Menu
{
	position: fixed; /* IE6- ne voient pas ça */
}

Et hop.

Bon on peut trouver à redire sur la méthode pour cacher un truc à IE mais c'est un autre débat.

[Le k]

IE ne possède pas la fonctionnalité « position: fixed » utilisé par le menu. Un « position: absolute » en revanche règle le problème.

Voici une idée pour avoir le « position: fixed » sous Ff et « position: absolute » sur IE :

div du menu avant :

Code : Tout sélectionner

<div style="border: 0px solid ; position: fixed; left: 14px; top: 20px; text-align: center; font-family: Helvetica,Arial,sans-serif; line-height: 25px;">

div du menu après :

Code : Tout sélectionner

<div id="Menu">

Dans les styles tu ajoutes :

Code : Tout sélectionner

#Menu
{
	border: 0px solid;
	position: absolute;
	left: 14px;
	top: 20px;
	text-align: center;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 25px;
}

body > #Menu
{
	position: fixed; /* IE6- ne voient pas ça */
}

Et hop.
Bon on peut trouver à redire sur la méthode pour cacher un truc à IE mais c'est un autre débat.

salut PsyDk et merci pour ta réponse. Cependant, je ne suis qu'un débutant et je ne sais pas bien où insérer ces codes. Que dois-je ouvrir pour y accéder ? tu sais, je ne sais pas où ce trouve "div du menu avant", puis "div du menu après.""
Dans les styles tu ajoutes...j'ouvre quoi pour accéder au styles ?
Ne m'en veux pas, pour toi c'est sans doute clair, ça l'est moins pour moi.
Merci de m'éclairer sur ces points. Je te remercie pour ta patience envers moi.

[PsyDk]

Oops, utiliserais-tu un éditeur html graphique ?

Les modifications dont je t'ai fait part concernent une modification du code source du fichier.

Ton logiciel doit sûrement avoir ça, sinon n'importe quel éditeur de texte fera l'affaire. En revanche je ne sais pas si ton logiciel va apprécier qu'on triture le code ainsi... enfin voici quand même une petite explication en images, ça pourra toujours te servir :

(la barre de titre pique les yeux, ne faites pas attention )

1) Cherche ce bout de code dans ton fichier original, ça correspond à ton menu :


2) Tu remplaces le « div » tout en haut par un « div » plus léger, marqué ici en vert :


3) En haut du fichier se trouvent les styles de la page, voici où j'ai ajouté les styles pour le menu :


Bon après il va falloir faire ça sur toutes les pages, voire mieux, créer un fichier de styles référencé par toutes les pages, ça évite de faire le même travail plusieurs fois de suite. Mais là on sort du cadre du problème exposé, on rentre dans du plus général en matière de réalisation de site Web.

Sinon tu peux aussi faire du « position: absolute; » dans tous les cas, mais ton menu ne restera plus figé en haut à gauche, il suivra le défilement de la page.

[Le k]

merci pour ton aide, ça marche en effet. Vraiment merci encore de ton aide, c'était très clair les explications avec les captures d'écrans. Je sais que ça t'a demandé du travail ce n'en est que plus apprécié.

Oserais-je encore te demander ton aide ?
Voilà :
J'ai voulu voir si le site pouvait avoir la validation w3c mais il me donne trois erreurs que je ne comprends pas. Veux-tu m'éclairer et donner la marche à suivre. Merci infiniment.
http://boisbievre.free.fr

[GizMecano]

Hello,

Commence déjà par placer un doctype correct sur ton site : le validateur ne semble pas reconnaître le tien. Quelques infos sont disponibles ici et là, par exemple.

Après, le nombre d'erreurs peut être différent, voir sensiblement inférieur

Ciao,

PS : Tu devrais peut-être aussi séparer ta CSS de ta page...

[Le k]

Hello,

Commence déjà par placer un doctype correct sur ton site : le validateur ne semble pas reconnaître le tien. Quelques infos sont disponibles ici et là, par exemple.

Après, le nombre d'erreurs peut être différent, voir sensiblement inférieur

Ciao,

PS : Tu devrais peut-être aussi séparer ta CSS de ta page...

merci pour ta réponse, mais comme je le disais plus haut, je ne suis pas un spécialiste bien au contraire.
Ce que je veux dire, c'est que j'ai besion qu'on m'explique, j'ai bien lu les liens que tu m'as donnés, j'ai compris de quoi il parle, mais ça ne me parle pas à moi.

Quand tu dis : "Commence déjà par placer un doctype correct sur ton site : le validateur ne semble pas reconnaître le tien. "
comment je fais pour modifier ce doctype, sachant que dès que je veux y toucher il se remet comme il était avant mon intervention. Je voulais faire un copier coller du code de ta page, mais sans succés. il remet celui qui était par défaut.

Ensuite du dis : " Tu devrais peut-être aussi séparer ta CSS de ta page..."
d'accord, mais je ne sais pas comment faire. Je ne savais même pas qu'on pouvait la "séparer".

Je suis navré de ne pas saisir tout ce que vous me dites, j'espère que vous serez compréhensifs.
En tous les cas, merci pour votre aide.

[GizMecano]

Hello,

mais comme je le disais plus haut, je ne suis pas un spécialiste bien au contraire.

Rassure toi. Il y a bien quelques spécialistes dans les parages, mais je n'en fais pas non plus vraiment parti... On trouve toujours des gens qui en savent plus que nous, surtout ici, et heureusement.

Je crois que, pour commencer, comme le sous-entendait PsyDk dans sa réponse précédente, il faudrait qu'on sache avec quels types de logiciels tu travailles, parce que quand je lis :

sachant que dès que je veux y toucher il se remet comme il était avant mon intervention. Je voulais faire un copier coller du code de ta page, mais sans succés. il remet celui qui était par défaut.

J'avoue que je suis surpris

Quel éditeur peut bien refuser la modification d'un bout de code J'avoue que j'ignorais que c'était même possible Est-ce que, comme le pense PsyDk, tu bosses avec un logiciel graphique

mais je ne sais pas comment faire. Je ne savais même pas qu'on pouvait la "séparer".

C'est même fait pour

Il s'agit de séparer le fond de la forme, pour pouvoir tranquillement modifier l'un sans risque que voir l'autre bouger... Les fichiers du contenu peuvent être de différents types (html ou php par exemple) et les feuilles de style, qui définissent les couleurs, polices, etc. sont de type css.

j'espère que vous serez compréhensifs.

Suffit de pas oublier qu'un jour aussi on a commencer...

Ciao,

PS : Sinon, très intéressant le contenu de ces pages : c'est ton site perso ou tu le fais pour quelqu'un

[Le k]

salut GizMecano et merci pour tes réponses.

Je bosse avec NVU version 1 et c'est avec lui que j'ai fait le site. Filezilla ma permit de le mettre en ligne (j'essaye d'utiliser au maximum les logiciels libre.) Et quand j'essaye de changer la première ligne de mon code, donc Doctype, il remet ce qui était auparavant après avoir enregistré les modifications, çà ne change rien.
Si tu trouves ça bizarre, je ne t'explique pas ce que je pense...
Il n'en reste pas moins que pour l'instant je n'arrive pas modifier ma ou mes pages pour obtenir la validation.
Merci pour ton aide et ta patience. 8)

Voilà, j'espère que vous pourrez m'aider, vu que vous l'avez déjà fait avec succés.

PS : Sinon, très intéressant le contenu de ces pages : c'est ton site perso ou tu le fais pour quelqu'un

C'est un site perso et en même temps pour quelqu'un. (c'est une longue histoire)

[PsyDk]

Je viens d'essayer avec NVU, et il utilise ce doctype (que je ne connaissais pas) pour le HTML strict :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

Au lieu de celui-ci que préfère le validateur W3C :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Et effectivement quand on tente un changement du doctype dans le code, l'ancien réapparait à l'enregistrement J'ai réussi à faire accepter le doctype que je voulais en faisant la modification avec un éditeur de texte externe (genre Notepad) puis en rechargeant le document dans NVU.

Ça serait plus sympa si NVU utilisait le doctype reconnu par le validateur :/

Sinon le validateur donne aussi « <html style="direction: ltr;" » comme erreur, visiblement l'attribut « style » n'existe pas pour l'élément « html ». Je n'ai réussi à retirer cet attribut qu'à l'aide d'un éditeur de texte externe là aussi.

Concernant le « td align="undefined" » eh bien là le message est clair, « undefined » n'est pas une valeur possible de align (pareil pour valign).

Visiblement NVU ne pond pas encore un code parfaitement valide. Le K, j'aurais presque envie de te dire de ne pas te soucier de la validation pour l'instant et attendre que NVU corrige ces petits points, qui ne sont de toute façon pas très néfastes.

[Flore]

Bon, il y a un bug dans Nvu pour le doctype HTML strict (bug connu et corrigé pour les prochaines versions), mais préoccupez vous du reste au lieu de pérorer sur ce doctype...

[nic]

Une discussion au sujet du bug :
http://www.geckozone.org/forum/viewtopic.php?t=26892

Si tu veux que Nvu te mette un doctype correct dans tes prochaines pages :
- dans le menu de Nvu, tu cliques sur Outils
- puis sur Préférences
- puis sur Avancées

Dans la partie Balisage, tu choisis le doctype qui te convient (sauf HTML 4 strict !).

Sinon, elles me plaisent bien les maisons en bois mais je ne pense pas qu'elles soient bien acceptées dans le Gard...
Faudrait peut être que je déménage en Lozère si j'en voulais une, mais il y fait plus froid !

[PsyDk]

Ah bah parfait, des connaisseurs de NVU ^^

Désolé je débarque, je n'utilise pas de logiciel d'édition graphique html, et NVU j'ai dû le lancer trois fois dans ma vie

[Le k]

Je viens d'essayer avec NVU, et il utilise ce doctype (que je ne connaissais pas) pour le HTML strict :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

Au lieu de celui-ci que préfère le validateur W3C :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Et effectivement quand on tente un changement du doctype dans le code, l'ancien réapparait à l'enregistrement J'ai réussi à faire accepter le doctype que je voulais en faisant la modification avec un éditeur de texte externe (genre Notepad) puis en rechargeant le document dans NVU.

Ça serait plus sympa si NVU utilisait le doctype reconnu par le validateur :/

Sinon le validateur donne aussi « <html style="direction: ltr;" » comme erreur, visiblement l'attribut « style » n'existe pas pour l'élément « html ». Je n'ai réussi à retirer cet attribut qu'à l'aide d'un éditeur de texte externe là aussi.

Concernant le « td align="undefined" » eh bien là le message est clair, « undefined » n'est pas une valeur possible de align (pareil pour valign).

Visiblement NVU ne pond pas encore un code parfaitement valide. Le K, j'aurais presque envie de te dire de ne pas te soucier de la validation pour l'instant et attendre que NVU corrige ces petits points, qui ne sont de toute façon pas très néfastes.

Merci à tous pour vos réponses.

J'ai réusi à changer le Doctype en passsant par l'éditeur de texte (c'est vrai que ce n'est pas le plus important (Flore )

j'ai encore cette erreur : copie du code de la page ci-dessous

<table style="margin-left: auto; margin-right: auto; text-align: left; width: 80px;" border="0" cellpadding="2" cellspacing="2">

<tbody>

<tr>

<td align="center" valign="center">
<script type="text/javascript" src="http://www.123compteur.com/count-skinab ... cript></td>

</tr>

</tbody>
</table>

l'erreur cité par le valideur et copie ci-dessous :

Error Line 194 column 39: value of attribute "VALIGN" cannot be "CENTER"; must be one of "TOP", "MIDDLE", "BOTTOM", "BASELINE".

<td align="center" valign="center">

The value of the attribute is defined to be one of a list of possible values but in the document it contained something that is not allowed for that type of attribute. For instance, the “selected” attribute must be either minimized as “selected” or spelled out in full as “selected="selected"”; a value like “selected="true"” is not allowed.

c'est effectivement les valeurs dans : td align et valign qui ne sont pas conrrecte. à quoi correspond : td align et valign ??
Me question est quoi faire, qu'est-ce qu'il veut ? Que dois-je insérer ?

Encore merci pour les liens et votres aide.