Correctement sous IE mais pas sous firefox

**cyrille777** · 24/12/2006, 15h21

Bonjour,
Voila mon site : http://www.pierreriviere.fr s'affiche correctement sous IE

mais sous firefox :
- le padding n'est pas pris en compte
- la hauteur minimale du div central non plus
- enfin l'image de fon en boucle fond6.gif ne s'affiche pas.

Voyez vous meme

Vous pouvez m'aider?

**Zan** · 26/12/2006, 18h11

Hello!

1) L'image qui ne se répète pas :

Si tu cumules les infos, veilles à ne pas en oublier.

Code :

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

background:url(.../fondmilieu.gif) no-repeat right bottom;

Il manque la couleur au début de la syntaxe.

2) La hauteur des divs :

Simple faut d'orthographe :

Code :

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

1
2
3
4
5
#milieu
{    width:780px;
background:#000000 url(http://www.pierreriviere.fr/images/fond6.gif) repeat;
heigth:700px;
}

height et pas heigth

3) Padding :

tu pourrais préciser stp

**cyrille777** · 27/12/2006, 13h50

merci beaucoup

pour le padding :
j'ai mis un padding-left pour que l'on puisse bien voir la photo a gauche

ca marche sous IE, mais sous firefox, ce n'est pas pris en compte : les textes des pages sont centrés sur toute la largeur et non pas la largeur moins le padding-left que j'ai mis (150px).

**landryx** · 27/12/2006, 20h58

salut

tu pourrais aussi essayer de generer deux feuilles de style.Une pour firefox et une autre pour IE...

**cyrille777** · 27/12/2006, 23h17

oui j'avais vu ca

mais je ne connais pas le code à entrer pour ca.

Mais pire surtout : quel code faudra -t -il que je mette pour firefox pour faire cette satanée marge???

Comme tu peux le voir, ca ne marche pas plus.
Et puis j'ai corrigé pour la couleur dans le background, mais je n'ai toujours pas cette image de fond.

**Bisûnûrs** · 28/12/2006, 08h55

Commence par mettre un DOCTYPE à ton document ..

**cyrille777** · 28/12/2006, 15h36

je ne sais pas a quoi sert ce truc a part faire bugger en core plus le site.

**MasterOfChakhaL** · 28/12/2006, 15h49

Envoyé par cyrille777

je ne sais pas a quoi sert ce truc a part faire bugger en core plus le site.

Tu te méprends sur l'utilité du doctype, c'est tout l'inverse de ce que tu crois.

Cela permet d'indiquer au navigateur quel langage tu lui causes (html 3, 4, xhtml 1.0 ,1.1)

Indiquer le doctype te permettra aussi de profiter des outils de validations du w3c.

Utiliser le doctype garanti une meilleure compatibilité entre les différents navigateurs.
Si ca fout le bazar, c'est que ton code ne présente qu'une lointaine ressemblance avec le html tel qu'il est spécifié.

Si tu ne le précises pas, le navigateur passe en mode "je fais ce que je peux pour comprendre". Ils ne le font pas tous de la même manière...

**Bisûnûrs** · 28/12/2006, 15h49

Envoyé par MasterOfChakhaL

cette balise indique quelle "grammaire" tu vas utiliser.
C'est cette ligne qui indique au navigateur comment il devrait interpréter ton code. Et a plus forte raison, le validateur a besoin de cette précision, sinon, il ne peut pas te dire si tu es valide sans que tu lui indique à quoi tu te conformes.

Si cela casse ton design, c'est parce que les différentes normes ne sont pas interprétées de la même manière. En l'absence de précision, le navigateur se débrouille comme il peut et tous les navigateurs ne se débrouillent pas de la même manière... Ce n'est pas à 100% vrai car les éditeurs suivent les recommandations du w3c avec une rigueur qui leur est propre, mais indiquer un doctype te permet, entre autres, d'uniformiser le rendu de tes pages sur les différents navigateurs existant.

Je te suggères de choisir ton doctype (tu trouveras beaucoup d'infos facilement avec notre ami google) puis de corriger les différents problèmes.

**MasterOfChakhaL** · 28/12/2006, 15h50

Je n'aurais pas dit mieux

**landryx** · 28/12/2006, 18h43

Envoyé par cyrille777

oui j'avais vu ca

mais je ne connais pas le code à entrer pour ca.

Mais pire surtout : quel code faudra -t -il que je mette pour firefox pour faire cette satanée marge???

Comme tu peux le voir, ca ne marche pas plus.
Et puis j'ai corrigé pour la couleur dans le background, mais je n'ai toujours pas cette image de fond.

pour les feuilles de styles il te faut utiliser du code javascript (qui charge la page en fonction du navigateur avec lequel tu ouvres ta page)..
puis les propriétés du padding chez moi elles marchent sous firefox donc je ne saurai te dire pourquoi elles ne marchent pas chez toi ...

**cyrille777** · 30/12/2006, 18h50

c'est magnifique, ca marche pour tout le monde sauf moi...

bon je vais chercher le doctype pour dire que j'utilise du html avec du php et une architecture en div.

mon petit doigt me dit que ca ne changeras rien...

**cyrille777** · 30/12/2006, 19h03

c'est bien ca :

ca fait bugger encore plus.

Le doctype pour les documents en php et html sont les memes dans dreamweaver. Donc aucun interet.

**MasterOfChakhaL** · 05/01/2007, 12h39

Envoyé par cyrille777

c'est magnifique, ca marche pour tout le monde sauf moi...

Au moins, tu as isolé le problème, c'est déjà ca...
Si ca ne fonctionne pas pour toi, c'est que tu ne codes pas en html, comme je l'ai déjà indiqué, il doit y avoir une vague ressemblance.

Dans ton code, tu mets des balises <style> dans le body, ce qui est interdit. Je n'ai pas reagardé dans le détail, mais j'ai l'impression que toutes tes balises ne sont pas correctement fermé.
L'élément <html> .. </html> doit être la racine de ton document (un seul et unique élément de ce type et placé au plus haut niveau de ton arborescence). Dans ta source, il y a plusieurs élément html. Puisque tu dis que tu utilises php, j'imagine que tu fais une mauvaise utilisation des include. Ceci doit te permettre de créer un unique document et non rabouter plusieurs documents.

Je pense qu'il y aurait encore d'autres choses a dire, mais si tu corrigeais cela, ca serait déjà un pas de géant vers un document qui fonctionne correctement.
Le Doctype sert à définir la grammaire utilisée. Ta grammaire est totalement erronnée donc ce n'est pas étonnant que tu ais l'impression que cela fasse bugger ta page.
Le doctype n'a rien a voir avec php ou le fait de privilégier les div. C'est juste une description d'un langage et en quelques sortes c'est un contrat que tu passes entre le navigateur et ta page. Le php est uniquement un moyen pour créer ce document de manière plus aisée.

Je te suggère fortement de réviser les bases de l'html ou mieux encore de l'xhtml afin de te mettre au gout du jour. Essaye de parcourir la page de cours, tu devrais y apprendre 2-3 choses interessantes.

Je te souhaite bien du courage car je pense qu'il y a quand même un peu de boulot, mais cela te sera utile à l'avenir si tu comptes faire d'autres pages web.

**cyrille777** · 13/01/2007, 19h47

ladryx, tu veux dire que quand tu charge mon site sous firefox, tu as bien la marge de gauche?

**landryx** · 13/01/2007, 22h55

Pour les propriétés du padding je parlais en général mais apres je sais pas si je suis le seul mais j'ai affiché ton site sous ff et ie ;je n'ai vu aucune difference apparente!!!

**cyrille777** · 04/02/2007, 18h32

personne ne peut m'aider?

le firefox affiche 'importe comment comment vous pouvez le voir

**cyrille777** · 01/03/2007, 22h41

j'ai fait ce qu'on m'a dit et ca ne marche pas
quelqu'un peut m'aider?

Correctement sous IE mais pas sous firefox

CSS

Discussions similaires

Partager

Partager