[CSS] Firefox et CSS

Version imprimable

22/05/2006, 14h49
Alexlesilex

[CSS] Firefox et CSS

Bonjour,

Ne sachant pas trop ou mettre mon post je le et ici car c'est le forum qui s'en raproche le plus.

Le probleme vient de firefox qui ne lis pas le feuille CSS attaché aux feuilles HTML alors que IE marche tres bien le tout étant lancé en local.

Alors quel est le probleme ???

Je viens de me rendre compte que certaines fonction comme mysql_free_result ne fonctionne pas.
22/05/2006, 14h57
Swoög

quand tu dis en local, ça veut dire quoi ?
tu peux donner un peu de code, l'adresse que tu utilises pour atteindre la page, etc...
22/05/2006, 15h02
Invité

En local c'est qu'il le lance depuis son poste donc pas de lien. Mais un bout de code sa serait pas mal

a plumse :mouarf:
22/05/2006, 15h04
Swoög

Citation:

Envoyé par babastutz

En local c'est qu'il le lance depuis son poste donc pas de lien. Mais un bout de code sa serait pas mal

a plumse :mouarf:

ça peut aussi être en local via EPHP (puisqu'il parle de mysql_free_result)

bon voila pour le bout de code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
print "<head>
<title>Page principale Qu@liprod</title>
 
// C'est la que j'inclut mon CSS
<link href='page_princ.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='bord' class='centrer'>
<div class='entete'><a href='http://www.francetelecom.com/fr/' target='_blank'><img src='image/logo_ft1.jpg' border='0' width='123' height='100' alt='' align='left'></a>
<a href='http://intranoo.francetelecom.fr/intranoo-ie.html' target='_blank'><img src='image/logo_intranoo.jpg' border='0' width='130' height='30' alt='' align='right'></a>
</div>
<br /><br /><br /><br />
<h1>CENTRE DE GESTION DES EMPLOYES</h1><br /><br />
<p>Bienvenue sur la page principale de l'application QU@LIPROD <br/>

etc,etc,etc

et le css (j'en met qu'un bout aussi):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
a:visited {
font-family:Arial;
font-size:10px;
color:#000099;
text-decoration : none ;
} 
a:hover {
font-family:Arial;
font-size:10px;
color:#00FFFF;
text-decoration : underline ;
}
.titre{
font-family:Verdana;
font-size:34px;
color:black;
}
.centreappel{
float:left;
border:solid 3px black;
background-color:#FF9933;
width:250px;
height:150px;
padding:20px;
text-align:center;
font-family:Arial, bold;
font-size:30px;
}

en fin je sais pas si ca peut vous servir, je pense que cela vient de firefox et pas de mon code étant donné que ca marche sous IE.

mon CSS n'a rien de plus que cela , ca sert a rien que je vous mette tout et pareil pour la page PHP

22/05/2006, 15h57
Swoög

le CSS est bien dans le même dossier que ta page HTML ? je n'ai jamais entendu dire que FF refusait de charger un CSS...
22/05/2006, 16h03
Alexlesilex

ben moi aussi j'en ai jamais entendu parlé d'ou mon probleme.

Et oui les deux fichiers sont dans le meme dossier.

Ca me rend dingue ^^.
22/05/2006, 16h04
Swoög

tu as vérifié que le code source généré était bon ?
22/05/2006, 16h22
Alexlesilex

Comment ca ??

Si tu ve dire s'il y a des erreurs ou non alors je peux te dire qu'il n'y a pas d'erreur (enfin lorsque je lance la page avec Internet explorer) :D
Sinon je vois pas ce que tu ve dire :oops:
23/05/2006, 16h51
marsupix

Citation:

Envoyé par Swoög

tu as vérifié que le code source généré était bon ?

CTRL + U avec firefox pour afficher la source.

Sinon je suppose que tu utilise du php...
alors pourquoi mettre tout ton html dans un print ? alors que tu peu très bien fermer le php

Code:

?>

mettre ton html
puis rouvrir le php

Code:

<?php

...
sinon regarde bien le nom de fichier... majuscule ou autre... essai de mettre

Code:

href="./fichier.css"

au lieu de

Code:

href="fichier.css"

on sait jamais...

C'est sûrement une erreur quelque part que IE laisse passer, mais qu'il ne devrait pas (Firefox est plus strict)

à part ça je vois pas... j'ai jamais eu ce soucis non plus
24/05/2006, 17h08
Alexlesilex
Citation:

Sinon je suppose que tu utilise du php...
alors pourquoi mettre tout ton html dans un print ? alors que tu peu très bien fermer le php

Code :

?>

mettre ton html
puis rouvrir le php

Pour ce qui est du Html dans un print, je trouve ca plus simple a gérer que de fermer a chaque fois le php.

Ensuite pour ce qui est du ./fichier.css cela n'a rien changé.

Pour le code, il marche sous IE alors pourquoi pas sous firefox ( enfin bon ...)

Sinon la seule chose que peut me reprocher firefox ce serait ca :

html:

Code:

<div class='bord' class='centrer'>

css:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 .centrer { margin-left: auto; margin-right: auto; width: ...; text-align: left; } .bord{ margin-right:20px; margin-left:20px; height:1000px; }
sachant que apparemment la double class dans un div n'est pas accepter par le W3C.
24/05/2006, 21h16
frog43

Oui la double classe n'est pas accepté ...:cry: Moi j'ai un peu le même probleme que toi mais pour un poitionnement ... On m'as conseillé de faire 2 feuilles de style et de tester grace au JS quel naviguateur été utiliser et en fonction de la réponse de choisir la feuille de style aproprié ...
25/05/2006, 04h57
Swoög

normalement, ce qui devrait fonctionner (càd qui fonctionne sous FF mais pas sous IE [il me semble]) c'est :

Code:

<div class='bord centrer'>
25/05/2006, 16h06
Alexlesilex

Bon alors je vais tester ca demain et je te redis si ca marche ( et oui aujourd'hui e ne bosse pas :lol:) le :

Code:

<div class='bord centrer'>

Sinon je vais me resoudre a faire 2 css comme me le conseille frog43.

Encore et toujours merci de m'aider.
26/05/2006, 10h24
marsupix

Code:

<div class='bord, centrer'>

marche sous IE et FF il me semble
26/05/2006, 11h29
Swoög

Citation:

Envoyé par marsupix

Code:

<div class='bord, centrer'>

marche sous IE et FF il me semble

Si on suit la recommendation CSS, il ne faut pas la virgule ;)
26/05/2006, 11h36
marsupix

Citation:

Envoyé par Swoög

Si on suit la recommendation CSS, il ne faut pas la virgule ;)

autant pour moi ;)
29/05/2006, 09h00
Alexlesilex

Donc j'ai testé le fameux

<div class='bord centrer'>

et je peux dire que ca ne marche pas ( meme avec la virgule entre les deux ) donc la je bloque.

Au pire, tant pis puisque le site sera en intranet et sera utilisé uniquement avec internet explorer donc s'il le faut vraiment j'essairai de recréer un CSS que j'utiliserai avec firefox

En tout cas merci pour vos reponses.

up up up up,

Me revoila avec mon probleme.

Mais maintenant le css est bien chargé et l'aspect sur firefox et sur IE sont les meme ( il fallait juste que je modifie le fichier HTML : j'avai oublier de fermer un <div> :oops: )

Sauf que maitenant il y a une propriété CSS qui ne fonctionne qu'avec IE mais pas Firefox.

voila le bout de code qui m'embete :
Code:

1 2 3 4 5 .entete{ width:950px; height:261px; background-image:url(E:\Xamp\xampp\htdocs\Application web\prout\image\bannière3.jpg); }
Code:

1 2 3 4 <div class='entete'><a href='http://*****.com/' target='_blank'><img src='image/***.jpg' border='0' width='123' height='100' alt='' align='left'></a> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <a href='http://****.html' target='_blank'><img src='image/***.gif' border='0' width='130' height='30' alt='' align='right'></a> </div>
en fait l'image s'affiche sous IE mais pas sous Firefox.

Alors que faire ???

08/06/2006, 13h24
Alexlesilex

up,

Aidez moi, j'aimerai vraiment que le site marche sur les deux navigateurs avant que je parte.

Et oui, c'est la fin de mon stage. ^^ ( apres VACANCE )
08/06/2006, 14h10
Swoög

N'indique pas l'adresse locale de l'image (pour des raison de sécurité FF ne charge pas les adresses locales) mais indique plutôt l'adresse web (http:// etc...)
08/06/2006, 16h56
Alexlesilex

Alors là swoog, je dis merci. Ca marche parfaitement bien.

J'y avais pas pensé :oops: .

Merci encore, ca fait plaisir quand ca marche :D