Bug enorme

Question

hermis

29 Nov 2006 à 15:18

Bonjours voila mon bug en image

Mozilla firefox:

http://membres.lycos.fr/hermis2007/mozilla.JPG

IE

http://membres.lycos.fr/hermis2007/ie.JPG

Le bug est chez IE et je sais pas comment le règler

Benjamin D.C.

29 Nov 2006 à 15:25

Bonjour,

Ton "bug", pourtant si bien expliqué ("sa doit etre normalement plus haut dessu comme mozilla"), ne sera pas facile à corriger sans la moindre ligne de code. Si tu pouvais nous donner un peu plus d'informations, ça serait plus simple je pense...

Mikachu

29 Nov 2006 à 16:00

Salut,

La largeur de tes éléments doit dépasser celle du contenant, du coup le tout passe à la suite au lieu de se mettre à côté.
Mais sans page en ligne (l'idéal) ou au moins du code, impossible de te dire comment améliorer çà.

hermis

29 Nov 2006 à 16:07

VOUS VOULEZ QUE JE VOUS DONNE QUOI COMME CODE ?

Christopher

29 Nov 2006 à 16:17

Le 'bug' n'est en fait pas chez IE, mais plutôt dans ta syntaxe HTML, car tu as 2 occurences de

<body></body>

sur ta page, ce qui est très certainement à la base de ton problème…

hermis

29 Nov 2006 à 16:20

<body>
	<h1 id="header"><span>Sommaire</span></h1>
	

	

	
	<ul id="menuvertical">
		<li><a href="../index.html">Accueil</a></li>
		<li><a href="../grec/index.html">Grec</a></li>
		<li><a href="../neerlandais/index.html">Néerlandais</a></li>
		<li><a href="index.html">Rapport mécanique</a></li>
		<li><a href="../electrique/index.html">Rapport électrique</a></li>
                <li><a href="../partenaires.html">Partenaires</a></li>
		<li><a href="../support.html">Support technique</a></li>
	</ul>

	<div id="contenu">
		<h2>Sommaire</h2>
			<ul><a href="sommaire.html#voc"><p><br/>Vocabulaire employé</p></a>
			<ul><a href="intro.html#into"><p><br/>Introduction</p></a>
			<ul><a href="intro.html#schemadyna"><p><br/>Schéma du dynamomètre et explication</p></a>
			<ul><a href="page2.html#masse"><p><br/>Schéma d’une masse</p></a>
			<ul><a href="page2.html#mesur"><p><br/>Rapport des mesures des poids des 3 masses </p></a>
			<ul><a href="page2.html#mesure"><p><br/>Rapport des mesures des 3 masses </p></a>		
			<ul><a href="conclusion.html#difi"><p><br/>Difficulté rencontrées</p></a>
			<ul><a href="conclusion.html#conclu"><p><br/>Conclusion</p></a>	
<span class="voc"><p align="center"><h2 id="voc">Vocabulaire employé<h2></span></p>
<p>&nbsp;</p>

<span id="textes"><strong>Masse :</strong></span><br/><span id="texte2">La masse est une propriété physique d'un objet qui mesure la quantité de matière et d'énergie contenus dans cet objet. Contrairement au poids d'un objet, la masse d'un objet reste constante quel que soit l'altitude d'un objet sur terre, et en général quelle que soit sa position dans l'univers.</span>
 <p>&nbsp;</p>

<span id="textes"><strong>Dynamomètre :</strong></span><br/><span id="texte2">Un dynamomètre est un appareil de mesure des forces utilisant généralement un ressort dont on connaît le coefficient d'élasticité.</span>
<p>&nbsp;</p>

<span id="textes"><strong>Balance de précision :</strong></span><br/><span id="texte2">C’est une balance  qui a une précision de 1 g à 0,0001 g  sa dépend la balance </span>
<p>&nbsp;</p>
<span id="textes"><strong>Panneau central :</strong></span><br/><span id="texte2">c’est un support qui sert à accrocher  un dynamomètre  ou autre</span>
<p>&nbsp;</p>
<span id="textes"><strong>Noix de fixation :</strong></span><br/><span id="texte2">sert à fixer le panneau au dynamomètre etc.</span>
</div>
		
	
	
		

</body>

voila

Christopher

29 Nov 2006 à 17:04

Hermis, sur le bas de ta page il y a l'information "Copyright © 2006 Cours d'Hermis", or dans le code que tu as donné ici ce n'est pas présent.

Regarde le code source de ta page une fois affichée, tu verras que tu as 2 occurences du tag BODY, et plein d'autres éléments HTML mal placés, sans compter les appels JavaScript.

Je me base sur cette page-ci : http://membres.lycos.fr/hermis2007/

hermis

29 Nov 2006 à 17:07

voila le code entier

<!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>Sommaire</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Language" content="fr" />
           <meta http-equiv="Content-Script-Type" content="text/javascript" />
           <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta name="DC.Language" scheme="RFC3066" content="fr" />

        <link rel="stylesheet" href="http://membres.lycos.fr/hermis2007/style.css" type="text/css" media="screen" title="Normal" />

   </head>

<body>
	<h1 id="header"><span>Sommaire</span></h1>
	

	

	
	<ul id="menuvertical">
		<li><a href="../index.html">Accueil</a></li>
		<li><a href="../grec/index.html">Grec</a></li>
		<li><a href="../neerlandais/index.html">Néerlandais</a></li>
		<li><a href="index.html">Rapport mécanique</a></li>
		<li><a href="../electrique/index.html">Rapport électrique</a></li>
                <li><a href="../partenaires.html">Partenaires</a></li>
		<li><a href="../support.html">Support technique</a></li>
	</ul>

	<div id="contenu">
		<h2>Sommaire</h2>
			<ul><a href="sommaire.html#voc"><p><br/>Vocabulaire employé</p></a>
			<ul><a href="intro.html#into"><p><br/>Introduction</p></a>
			<ul><a href="intro.html#schemadyna"><p><br/>Schéma du dynamomètre et explication</p></a>
			<ul><a href="page2.html#masse"><p><br/>Schéma d’une masse</p></a>
			<ul><a href="page2.html#mesur"><p><br/>Rapport des mesures des poids des 3 masses </p></a>
			<ul><a href="page2.html#mesure"><p><br/>Rapport des mesures des 3 masses </p></a>		
			<ul><a href="conclusion.html#difi"><p><br/>Difficulté rencontrées</p></a>
			<ul><a href="conclusion.html#conclu"><p><br/>Conclusion</p></a>	
<span class="voc"><p align="center"><h2 id="voc">Vocabulaire employé<h2></span></p>
<p>&nbsp;</p>

<span id="textes"><strong>Masse :</strong></span><br/><span id="texte2">La masse est une propriété physique d'un objet qui mesure la quantité de matière et d'énergie contenus dans cet objet. Contrairement au poids d'un objet, la masse d'un objet reste constante quel que soit l'altitude d'un objet sur terre, et en général quelle que soit sa position dans l'univers.</span>
 <p>&nbsp;</p>

<span id="textes"><strong>Dynamomètre :</strong></span><br/><span id="texte2">Un dynamomètre est un appareil de mesure des forces utilisant généralement un ressort dont on connaît le coefficient d'élasticité.</span>
<p>&nbsp;</p>

<span id="textes"><strong>Balance de précision :</strong></span><br/><span id="texte2">C’est une balance  qui a une précision de 1 g à 0,0001 g  sa dépend la balance </span>
<p>&nbsp;</p>
<span id="textes"><strong>Panneau central :</strong></span><br/><span id="texte2">c’est un support qui sert à accrocher  un dynamomètre  ou autre</span>
<p>&nbsp;</p>
<span id="textes"><strong>Noix de fixation :</strong></span><br/><span id="texte2">sert à fixer le panneau au dynamomètre etc.</span>
</div>
		
	
	
		

</body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
<p align="center"><SCRIPT TYPE="text/javascript" LANGUAGE="Javascript" SRC="http://pub.oxado.com/insert_ad?pub=57186"></SCRIPT></p>
<p align="center"><IFRAME SRC="http://www.allosponsor.com/cgi-bin/iframe_sponsor.eur?num_site_aff=27332" FRAMEBORDER="0" width="467" height="60" SCROLLING="no"></IFRAME></p>

<!-- Mon compteur de vote Weborama -->
<p id="footer">Copyright © 2006 <a href="http://membres.lycos.fr/hermis2007/">Cours d'Hermis</a></p>
</html>

et pour dire sur W3C j ai 87 erreur mais je les comprend pas c est des erreu incomprehensible

Tony Monast

Modérateur

29 Nov 2006 à 17:10

Ne met jamais du code après </body>. Un document HTML bien formé doit se terminer par </body></html>.

Ca va déjà aider.

Patidou

29 Nov 2006 à 17:18

Tu as des problèmes avec tes élements blocs et en ligne apparemment :

— Les éléments SPAN, comme STRONG sont des éléments en ligne qui se placent à l'intérieur d'un élement en bloc (<p></p>, <h2><h2>, etc)
— On ne peut pas mettre des éléments blocs dans des élements blocs (ici des <H2> dans des <p>). Tu as mis des titres dans des paragraphes.
— Les paragraphes sont toujours définis par l'élement <p>. Tu ne peux normalement pas mettre du texte directement.
— Tu as du contenu après le </body> qui est la fin du document visible.

Courage. Smiley cligne

hermis

29 Nov 2006 à 17:39

apres modif du code rien de speciale a changer
je me demande si c est pas une erreur au fichier css

hermis

29 Nov 2006 à 18:29

personne qui peut m aider alors ?

roll

30 Nov 2006 à 17:32

il y a de très grosses erreurs dans le code...
tu fermes des balises que tu n'as même pas ouverte!! Et tu les fermes après le </html>!!!

</html>
</pre></xmp></noscript>

et le w3c me confirme:
end tag for element "PRE" which is not open
end tag for element "XMP" which is not open
end tag for element "NOSCRIPT" which is not open
et ce n' est qu'une partie des 52 erreurs détectée par le validateur...
c'est quoi le programme que tu utilises pour taper ton site web? Tu ne codes pas à la main je suppose?

Christopher

30 Nov 2006 à 18:46

roll a écrit :
tu fermes des balises que tu n'as même pas ouverte!! Et tu les fermes après le </html>!!!

M'est avis que c'est surtout Lycos qui rajoute ces éléments en dehors du tag <html></html> (car il y en a autant avant), car les éléments cités au préalable ont été corrigés (en majorité).

hermis

1 Dec 2006 à 05:43

oui je croit aussi que c'est lycos parceque sa j ai pas coeder je code a la main

hermis

1 Dec 2006 à 19:46

et a pars sa un bonne hebergeur gratuit vous connaiser ?

roll

1 Dec 2006 à 21:49

moi je conseille jexiste, un hébergeur payant par appel surtaxés. bon, c'est pas gratuit mais pour seulement 1,85 euros par mois, on a 200 Mo d'espace disque, 12 Go de trafic mensuel, PHP 5, base de donnée MySQL,... c'est vraiment un hebergeur de qualité, très peu cher... moi en tout cas il me semble excellent....

Sujet clos

Sémantique web et HTML

Bug enorme