[HTML 4.0] Apparence différente sur 3 navigateurs [Résolu]

super_newbie_pro · 29/09/2011, 02h10

Bonjour

Je viens vous voir car j'ai un problème et je ne saisi pas d'où ça vient ! Ca fait un peu plus d'une heure 30 que je fais des essais en vain... L'apparence d'une page que j'ai fait est différente sur 3 navigateurs à jour !

Firefox 7 ; ça passe sans problème

1°) Internet explorer ; ça met le tout à gauche...
2°) Google chrome ; ça met tout à droite...

Sauriez-vous ce qui coince dans le code pour que ça ne marche pas avec IE ou Chrome mais que ça passe avec Firefox ?

Le code en question :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" media="screen" type="text/css" title="mon style" href="css/style.css" />
<title>test</title>
<style type="text/css">
html,body{
width:80%;
max-width:955px;
margin-left: auto;
margin-right: auto;
height:100%;
padding:0px;
background-color: #D2DCEC;
background-image: url(images/indextest_bkgrnd.png);
border:1px solid black;
}
</style>
</head>
 
<frameset framespacing="0" border="0" frameborder="0" rows="228,*,20">
	<frame name="haut" scrolling="no" noresize target="haut" src="haut.html">
	<frame name="milieu" target="milieu" src="accueilmilieu.html" scrolling="auto">
	<frame name="bas" src="bas.html">
	<noframes>
	<body>
 
	<p>Cette page utilise des cadres, mais votre navigateur ne les prend pas en 
	charge.</p>
 
	</body>
	</noframes>
</frameset>
 
</html>

En ligne, ça donne ça http://www.orions.fr/test/02/index_essai.html

D'avance merci pour la soluce.

thelvin · 29/09/2011, 10h09

On utilise pas du CSS sur les framesets, ce n'est pas fait pour.

En fait, euh... On n'utilise pas les framesets et puis c'est tout. Ce n'est plus franchement à la mode, ça crée pas mal de problèmes et n'en résout pas des masses.

super_newbie_pro · 29/09/2011, 13h39

Ah c'est donc bien ça... Ok merci. Je vais remplacer ça par du div.

laurentSc · 29/09/2011, 14h15

Citation:

On n'utilise pas les framesets et puis c'est tout

Tu déconseilles l'utilisation des frames ; en est-il pareil pour les iframes ?

thelvin · 29/09/2011, 14h30

Citation:

Envoyé par laurentSc

Tu déconseilles l'utilisation des frames ; en est-il pareil pour les iframes ?

Cela dépend pourquoi.
C'est une bonne manière d'embarquer "quelque chose" (comme par exemple un autre document HTML, une applet, un PDF, etc) dans les pages du site dont la vocation est d'avoir un "truc" embarqué à l'intérieur.
Ce n'est pas une bonne manière de mettre en page ou d'architecturer un site (cassure des URL, donc référencement, bookmark et autres automatismes à base d'URL. Et aussi, de toute façon le web est pas prévu pour, ça ne peut donc poser que des problèmes.)

Ce ne sont que des exemples. À mon avis c'est à voir au cas par cas.

super_newbie_pro · 29/09/2011, 20h08

C'est dommage pour les frames que ça passe pas sur IE et chrome ; car ça permettait via une simple étoile de mettre la dimension max de celle au centre une fois les autres définies, s'adaptant automatiquement...

N'y a t il pas du code à rajouter si on tient à ce que ça reste en frame plutôt qu'en div pour que ça fonctionne sous IE et Chrome ? Car sous firefox c'est niquel...

thelvin · 30/09/2011, 19h45

Citation:

Envoyé par super_newbie_pro

N'y a t il pas du code à rajouter si on tient à ce que ça reste en frame plutôt qu'en div pour que ça fonctionne sous IE et Chrome ? Car sous firefox c'est niquel...

J'ai dit : pas de CSS avec les frames. Il y a donc deux possibilités :
- Enlever les frames et tout faire en CSS, et si les pourcentages ça va pas, ben il y a aussi les pixels, les em, et puis de toute façon par défaut la taille est toujours pile ce qu'elle a besoin d'être. 'Suffit de s'adapter, hein.
- Garder les frames (tant pis pour toi) et adapter leur agencement autrement qu'en CSS.

29/09/2011, 10h09	#2
thelvin Expert Confirmé Sénior Inscription : septembre 2004 Messages : 5 085 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 5 085 Points : 7 009 Points : 7 009	On utilise pas du CSS sur les framesets, ce n'est pas fait pour. En fait, euh... On n'utilise pas les framesets et puis c'est tout. Ce n'est plus franchement à la mode, ça crée pas mal de problèmes et n'en résout pas des masses.
	10

29/09/2011, 13h39	#3
super_newbie_pro Invité régulier Inscription : octobre 2003 Messages : 18 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2003 Messages : 18 Points : 6 Points : 6	Ah c'est donc bien ça... Ok merci. Je vais remplacer ça par du div.
	00

29/09/2011, 20h08	#6
super_newbie_pro Invité régulier Inscription : octobre 2003 Messages : 18 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2003 Messages : 18 Points : 6 Points : 6	C'est dommage pour les frames que ça passe pas sur IE et chrome ; car ça permettait via une simple étoile de mettre la dimension max de celle au centre une fois les autres définies, s'adaptant automatiquement... N'y a t il pas du code à rajouter si on tient à ce que ça reste en frame plutôt qu'en div pour que ça fonctionne sous IE et Chrome ? Car sous firefox c'est niquel...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email