[W3C] Affichage en vrac avec IE

**leoburd** · 22/02/2009, 20h31

Bonjour à tous !

Je viens de créer un site www.nitro-france.com avec l'architecture Joomla.

Sous Firefox le site est bien cadré, mais sous IE tout est en vrac.

Que puis-je faire à votre avis ?

Merci

**blueice** · 22/02/2009, 22h32

Faire une feuille de style spécifique à IE

**leoburd** · 23/02/2009, 06h49

Merci pour la réponse blueice, mais j'apprends peu à peu les CSS et le XHTML et mes connaissances ne sont pas encore suffisantes.

A quoi pourrait ressembler cette feuille de style spécifique ?

**Braillane** · 23/02/2009, 23h48

J'ai envie de dire 3 possibilités :
1) tu utilise des hacks qui vont te permettre dans une feuille CSS de faire en sorte que certaines choses vont être interpréter par IE et pas par FF.
2) en javascript, tu détecte le navigateur (une recherche google te donnera le code

), et en fonction du navigateur tu inclue une feuille css différente
3) La meilleur solution, tu fais en sorte que ton code soit au norme w3C et que, sans utiliser de hacks sa marche sous les deux navigateurs... c'est pas toujours possible mais c'est le mieux

Bonne chance, et n'hésite pas a utiliser google

**HiRoN** · 24/02/2009, 10h04

Envoyé par leoburd

A quoi pourrait ressembler cette feuille de style spécifique ?

Une petite recherche avec "commentaires conditionnels" ou "Hack CSS" devrait te donner la réponse

**leoburd** · 25/02/2009, 12h23

Panique à bord !

Là ça nécessite des notions que je n'ai pas.

Pour contourner le problème, dois-je refaire totalement mon site en utilisant IE ?

**blueice** · 25/02/2009, 12h48

dois-je refaire totalement mon site en utilisant IE ?

On ne peux faire un site avec IE...

Si par la tu veux dire refaire le site uniquement pour IE, aïe aïe aïe...

Si tu ne t'y connais pas, vaut mieux trouver un template qui tourne correctement de partout.

**HiRoN** · 25/02/2009, 14h12

Si ton site est dans l'ensemble correctement construit, tu n'auras pas grand chose à mettre dans tes commentaires conditionnels pour palier à la différence de compréhension entre les navigateurs

**leoburd** · 25/02/2009, 15h44

Merci pour vos conseils.

HiRoN : comment savoir que mon site "est bien fait" ? Quels sont les critères ?
J'ai pris un template existant joomla1.5_black dans lequel j'ai rajouté 2 extensions (morpheosho et Xfade) et j'ai organisé mes modules.

Braillane : merci pour le lien. En fait je dois tout apprendre des css.

Blueice : J'ai chargé une démo de mon template avec IE http://demo.gelono.com/index.php?tp=...oomla1.5_black
ça fonctionne bien. Ce test est-il suffisant ?

**HiRoN** · 25/02/2009, 16h02

Envoyé par leoburd

HiRoN : comment savoir que mon site "est bien fait" ? Quels sont les critères ?
J'ai pris un template existant joomla1.5_black dans lequel j'ai rajouté 2 extensions (morpheosho et Xfade) et j'ai organisé mes modules.

Application des bonnes balises au bons endroits, utilisation de div pour la mise en page (et non de table), mise en page à l'aide de CSS etc.

Généralement, il est plus facile (et surtout plus rapide) de faire les commentaires conditionnels au moment du développement qu'après...

**leoburd** · 25/02/2009, 16h19

HiRoN,

Juste pour que je comprenne un peu, voici un extrait de css de mon site. Il y a bien des div ?

Code css :

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

1
2
3
4
5
/*left and right columns*/
 
#leftcol div.module, #leftcol div.module_menu, #leftcol div.module_text, #rightcol div.module, #rightcol div.module_menu, #rightcol div.module_text, #leftcol div.moduletable_menu, #rightcol div.moduletable_menu, #leftcol div.moduletable, #rightcol div.moduletable, #leftcol div.moduletable_text, #rightcol div.moduletable_text{ border-width: 2px; 
            border-style: solid; margin-bottom: 10px; margin-top:80px;
          }

Quand aux commentaires additionnels, il est malheureusement trop tard puisque le développement du site est quasi fini

**HiRoN** · 25/02/2009, 16h23

Envoyé par leoburd

Juste pour que je comprenne un peu, voici un extrait de css de mon site. Il y a bien des div ?

En effet, donc il ne te restes plus qu'a reprendre ton css pas à pas (dans ton commentaire conditionnel) et tenter de le rendre compatible avec IE

**Braillane** · 25/02/2009, 19h29

Envoyé par leoburd

comment savoir que mon site "est bien fait" ? Quels sont les critères ?

Les normes W3C, y'a que ça de vrai! Si tu respecte les normes tu évites pas mal de soucis.

Le lien vers le validateur W3C (à garder dans les marques pages!!) :
http://validator.w3.org/#validate_by_uri+with_options

**leoburd** · 26/02/2009, 19h08

A votre avis, c'est accessible pour un débutant ?

**HiRoN** · 26/02/2009, 19h55

Envoyé par Braillane

Les normes W3C, y'a que ça de vrai! Si tu respecte les normes tu évites pas mal de soucis.

+1... Et je me demande encore pourquoi je n'en ai pas parlé...

Cela permet d'avoir code juste (mais pas forcément juste sémantiquement parlant) et de prendre directement les bonnes habitudes sur pas mal de points.
Le forum est là en cas de problème de compréhension (mais beaucoup d'erreurs sont très simples à résoudre).

**Braillane** · 27/02/2009, 10h54

Envoyé par leoburd

A votre avis, c'est accessible pour un débutant ?

Oui, il suffit juste de passer ton code au validateur, il te dit tes erreurs et tu corrige, pas besoin de connaitre les normes, j'ai appris comme ça, comme la majorité des gens...

**blueice** · 27/02/2009, 11h13

Le validateur n'est pas une solution miracle !
Tu peux faire du code valide mais dégueulasse.
Et le fait de valider son site ne corrigera pas son problème d'IE.