IE et le css

**Beho Double** · 22/12/2008, 21h12

Bonsoir bonsoir,

J'ai un code assez simple qui marche parfaitement avec Firefox mais pas avec Internet Explorer.
Si vous pouviez m'aider à résoudre ce problème.
Je trouve bien pratique ce système de pouvoir "créer" des balises (par exemple ici je crée la balise <tab> ) et j'aimerais bien le faire fonctionner avec Internet Explorer aussi.

Merci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
	<HEAD>
		<STYLE type="text/css">
		<!--		
		tab{
			margin-left:30px;
		}
 
		-->
		</STYLE>
	</HEAD>
<BODY>
 
Texte début
<tab>Texte décalé</tab>
<tab>Texte encore plus décalé</tab>
 
</BODY>
</HTML>

**Erwan31** · 22/12/2008, 21h24

bonjour,
tu ne peux pas créer tes propres balise en HTML comme en XML.
D'autre part habitue toi à bien coder ton document: avoir un doctype complet (avec URL) Voir la liste des doctype dans la FAQ.
Ecrire tes valises en minucule même si les capitales sont encore admises en HTML, etc etc. A moins que le code que tu présentes soit volontairement incomplet.

**Beho Double** · 22/12/2008, 23h09

Oui nan mais d'accord.

- Mais j'ai mis : "créer" des balises
entre guillemets, car c'était une façon de parler.
Et j'ai donné un exemple de ce que je voulais dire en disant qu'avec mon code j'avais créé la balise <tab>.

- <!DOCTYPE .... > : je n'ai pas encore étudié le problème, j'y reviendrai.

- Pour les balises, le codification c'est de les écrire toutes en minuscule ???
Parce que je vois souvent <HTML>, <BODY>, <HEAD> en majuscule alors je me dis que peut-être les balises principales doivent être écrites en majuscule,... c'est une question.

- Mais là n'est pas le problème. J'ai ce code qui marche avec Firefox (donc Firefox reconnaît la balise <tab> que j'ai mise dans le code) mais pas avec Internet Explorer. D'ailleurs si je remplace <tab> par <boom> ça marche encore avec Firefox et toujours pas avec Internet Explorer.
J'aimerais bien savoir pourquoi.

Merci.

**Macmillenium** · 22/12/2008, 23h21

Envoyé par Beho Double

Oui nan mais d'accord.
- <!DOCTYPE .... > : je n'ai pas encore étudié le problème, j'y reviendrai

Ce n'est pas un problème à étudier, c'est indispensable sinon tu balance ton navigateur en mode quirks

Envoyé par Beho Double

- Pour les balises, le codification c'est de les écrire toutes en minuscule ???
Parce que je vois souvent <HTML>, <BODY>, <HEAD> en majuscule alors je me dis que peut-être les balises principales doivent être écrites en majuscule,... c'est une question.

C'est toléré que en HTML4.

Envoyé par Beho Double

- <boom> ça marche encore avec Firefox et toujours pas avec Internet Explorer.
J'aimerais bien savoir pourquoi.

C'est ton code qui risque de faire boom

tu n'as pas besoin d'inventer des balises t'en a déjà 99 (voir plus) !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<style type="text/css">
		<!--		
		p{
			margin-left:30px;
		}
 
		-->
		</style>
	</head>
<body>
 
Texte début
<p>Texte décalé</p>
<p>Texte encore plus décalé</p>
 
</body>
</html>

**Beho Double** · 22/12/2008, 23h47

Ce n'est pas un problème à étudier, c'est indispensable sinon tu balance ton navigateur en mode quirks

Il reste quand même qu'il faut que je l'étudie pour le comprendre et l'apprendre.

Et puis tant que ça marche.... la fin justifie le manque de moyen.

C'est ton code qui risque de faire boom tu n'as pas besoin d'inventer des balises t'en a déjà 99 (voir plus) !

Si, je veux une balise <tab>.
Ta solution ne donne pas l'effet voulu.
L'effet voulu étant le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Texte début          Texte décalé          Texte encore plus décalé

Et je veux le faire avec autre chose que <span class="marge"></span> qui est trop lourd pour pas grand chose.
On dira ce qu'on veut mais ça marche avec Firefox et je ne vois pas l'erreur de syntaxe qui fait que ça ne marche pas avec IE.

C'est pour ça que je viens demander ici d'ailleurs.

**Erwan31** · 23/12/2008, 00h21

Envoyé par Macmillenium

Ce n'est pas un problème à étudier, c'est indispensable sinon tu balance ton navigateur en mode quirks

[mode enquiquineur=on]La déclaration de doctype de son document (c'est le cas les doctype HTML4 strict et sans définition même incomplet) ne fait pas basculer en mode Quirks, mais on tombe souvent dans le piège

Et le lien que tu donnes renvoie sur un exemple avec présence de la dédclaration XML avant la ligne de doctype, ce qui fait basculer IE6 en mode Quirks.
Ceci dit il est de toute façon préférable d'avoir un doctype complet.

Envoyé par Macmillenium

C'est toléré que en HTML4.

En HTML tout court [/mode enquiquineur=off]

Beho Double, oublies tes balises personnalisées, ça ne marchera de toute façon pas sur tous les navigateurs puisqu'elle ne sont pas standardisée...

Dis nous plutôt ce que tu souhaites faire.

**Bovino** · 23/12/2008, 09h04

Envoyé par Erwan31

Beho Double, oublies tes balises personnalisées, ça ne marchera de toute façon pas sur tous les navigateurs puisqu'elle ne sont pas standardisée...

[mode enquiquineur=on]Si, ça peut marcher en xhtml, mais en créant son propre DTD !!! (ce qui me semble quand même une solution bien pourrie, surtout si on n'a jamais entendu parler de DTD avant !)[/mode enquiquineur=off]
Sinon, pour faire plus simple, oublies effectivement tes balises <tab> que tu peux remplacer par de "vraies" balises HTML que tu personnalises avec un style de classe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<style type="text/css">
		<!--		
		.tab{
			margin-left:30px;
		}
 
		-->
		</style>
	</head>
<body>
 
Texte début
<span class="tab">Texte décalé</span>
<span class="tab">Texte encore plus décalé</span>
 
</body>
</html>

Puisque les classes servent précisément à ça (maintenant, si tu préfères réinventer la roue à couper l'eau tiède...)

**Macmillenium** · 23/12/2008, 09h57

Envoyé par Erwan31

Et le lien que tu donnes renvoie sur un exemple avec présence de la dédclaration XML avant la ligne de doctype, ce qui fait basculer IE6 en mode Quirks.
...
Ceci dit il est de toute façon préférable d'avoir un doctype complet.

Merci pour les compléments d'informations

IE et le css

CSS

Vue hybride

Discussions similaires

Partager

Partager