[W3C] probleme IE et mozilla

**eveilside** · 06/09/2007, 15h54

salut a tous, je travaille actuellement sur un site et j'ai un probléme concernant les tableaux et les calques.

sur internet explorer aucun probleme tout est centré quelque soit la résolution.Par contre sur mozilla l'ensemble des calques reste soudé mais le probleme c'est que le tout n'est plus centré comme il faut.J'ai l'impression que dans mon tableau mozilla centre par rapport au coin haut-gauche .

quelqu'un a t'il une idée ?

merci @+

**BlackStorm** · 06/09/2007, 17h04

je veux bien voir ton code STP.

**fallais** · 06/09/2007, 19h24

Envoyé par eveilside

sur internet explorer aucun probleme

Envoyé par eveilside

Par contre sur mozilla

On entend toujours ca, ce n'est pas forcement Mozilla le probleme

Montre nous ton code

**BlackStorm** · 07/09/2007, 10h10

C'est d'ailleurs la plus part du temps l'inverse.

Mon site respecte la norme W3C.
Il est nikel sur FF, alors que sur IE, ben j'ai un joli décalage.

je crois que IE a un peu de mal avec le CSS surtout les DIV

**chaminette** · 07/09/2007, 16h07

ça dépend de comment tu fais centrer tes trucs ? Envois le code !

**eveilside** · 13/09/2007, 16h20

je rapelle le probleme : tout est bien centré sur IE et ce avec n'importe quelle résolution, par contre sur FF tous reste groupé mais pas au centre.On dirait que le centrage dans le tableau se fait avec le coin supérieur gauche.

voici le code :

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
22
23
24
 
<html>
<head>
<title></title>
 
</head>
<body bgcolor="#5e5e5e">
 
<table align="center" width="100%" height="100%">
<tr><td  valign="center" align="center">
<div style="position:relative; width: 600px; height: 0px;left: 0px;top: 0px;">
 
<img src="images/fond_accueil.jpg">
 
<div id="texte" style="position:absolute; width:340px; height:100px; z-index:3; left: 440px; top:190px;">
ici mon texte
</div>
 
</div>
</td></tr>
</table>
 
</body>
</html>

le texte et l'image de fond reste donc bien placé l'un avec l'autre mais pas au centre de l'ecran.

**Bisûnûrs** · 13/09/2007, 16h37

J'ai le même comportement sur IE6 et Firefox2, aucun problème avec ce code.

**eveilside** · 13/09/2007, 16h39

ok ok merci c'est cool.Cela veut dire que c'est ma version de mozilla qui doit merdé.

@+

**Bisûnûrs** · 13/09/2007, 16h47

Essaie à tout hasard de faire un Ctrl+F5 sur Firefox.

**BlackStorm** · 14/09/2007, 10h34

Pour info, le CTRL + F5 permet de rafraichir la page sans tenir compte du cache.
(Il recharge vraiment tout).

Combinaison de touche à garder précieusement d'ailleurs

**dragonfly** · 14/09/2007, 16h19

salut,

un truc que je pige pas, quel est l'intêret de mettre en paramétre height:0px; ?

De plus ton 2 éme div, comme il est en position:absolute, pourquoi le met tu a l'interieur d'un div dans un tableau?

**dragonfly** · 14/09/2007, 16h22

Re, je viens d'avoir une révélation ^^

j'ai déja eu ce genre de probléme sous FF.

essaye voir modifier ton td comme ceci

Code :

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

1
2
 
<td  valign="center" align="center" width="100%" height="100%">

Dans les div FF veut une taille sinon il n'aime pas trop...

**lysandre** · 15/09/2007, 15h53

Chez moi ca marche aussi, mais je n'ai pas les anciennes versions mozilla.
Il me semble avoir lu quelque part que certaines versions de navigateurs n'aimaient pas les espaces autour des ":" dans les styles css. Essaye donc ca (ton code, les espaces en moins):

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
22
23
<html>
<head>
<title></title>
 
</head>
<body bgcolor="#5e5e5e">
 
<table align="center" width="100%" height="100%">
<tr><td  valign="center" align="center">
<div style="position:relative; width:600px; height:0px; left:0px; top:0px;">
 
<img src="images/logo.jpg">
 
<div id="texte" style="position:absolute; width:340px; height:100px; z-index:3; left: 440px; top:190px;">
ici mon texte
</div>
 
</div>
</td></tr>
</table>
 
</body>
</html>

**lysandre** · 15/09/2007, 16h23

J'ai trouvé ou je l'ai lu:

Attention:

Les espaces sont bien permis dans les définitions de format mais les premières versions du navigateur Netscape 4.x ont montré peu de tolérance à cette possibilité - en résumé il ignore les définitions. Bien que ce ne soit pas aussi lisible il est provisoirement préférable pour cette raison de ne pas utiliser d'espaces dans une définition de format. Ainsi des mentions telles que color:red; font-size:36pt; sont acceptées en tous cas, alors que color: red; font-size: 36pt; peut avec certaines versions plus anciennes de Netscape occasionner des erreurs.

Peut-etre qu'avec les vieilles versions de mozilla c'est pareil...
Si le "width" de ton div est ignoré, ca peut expliquer ton pb.

**eveilside** · 17/09/2007, 17h44

merci pour vos réponse , mais ce n'étais pas cela le problème.Je viens enfin de trouver la solution :

En fait sur IE explorer width: 0px et height: 0px fait que la taille du div se fait par rapport au contenu.Par contre sur FF cela me décaler tout , j'ai donc mis la longueur et la hauteur de mon image et plus de probleme !

@+

[W3C] probleme IE et mozilla

HTML

Discussions similaires

Partager

Partager