Bug avec l'ouverture d'une nouvelle fenêtre

Novaslash · Message par **Novaslash** » 16 janv. 2007, 16:30

Bonjour !

J'utilise principalement IE (vers.7) et je conçois actuellement un site mais j'ai un soucis. FF est également installé sur mon pc et dès que je clic sur un lien qui ouvre une nouvelle page (avec la fonction _target), FF me demande d'enregistrer la page de la même façon que si je prennais un fichier compressé sur le net alors que je suis sous IE.

Si j'écris le lien direct vers cette page, FF me redemande encore la même chose. Par contre, si je passe sous FF, là aucun soucis. J'utilise des pages en xhtml.

Où ce situe le problème ?

Merci d'avance !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Novaslash · Message par **Novaslash** » 17 janv. 2007, 17:20

Je viens d'effectuer un test. Si le lien pointe vers une page en html, aucun soucis. Par contre, dès qu'il s'agit du xhtml, j'ai donc le problème cité ci-dessus c'est à dire que via IE, FF me demande d'ouvrir ou d'enregistrer la page (que ce soit avce l'attribut target ou non).

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Asumbaa · Message par **Asumbaa** » 17 janv. 2007, 17:28

Salut,

- Comment vois-tu que c'est FF qui t'envoie la boîte de dialogue de téléchargement ?

- Les fichiers XHTML sont-ils en .xhtml et si oui, le type de fichiers est-il associé à IE ?

- Les fichiers XHTML sont-ils hébergés sur un serveur qui enverrait des headers HTTP fantaisistes ?

- Les fichiers XHTML sont-ils envoyés en tant que text/html ou en tant que application:xml+xhtml (de mémoire) --> tu vois ça dans la section <head> du code des pages et ça dépend aussi de la conf du serveur, voir point précédent

- Que se passe-t-il si tu remplaces les .xhtml par des .html ?

Voilà, il nous faut quelques précisions, donc

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Invité · Message par **Invité** » 17 janv. 2007, 17:44

Pour le 1er point, c'est simple. Quand je clic sur un lien, une boite de dialogue s'ouvre avec l'îcone de FF et dans Type, il est dit : firefoxHTML.

Mes fichiers sont bien en .xhtml mais je ne comprend pas quand tu dis si le type est associé à IE. A ce que je comprend, quand je regarde mes fichiers sur mon disque dur, ils ont l'îcone FF et non IE.

Pour le 3ème point, je ne sais pas. Je suis chez Free.

Au 4ème point, voici ce que j'ai dans <head>

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="generator" content="WebExpert 6" />
<link rel="stylesheet" href="../style.css" type="text/css" media="screen" />
<title>Legacy of Suikoden</title>
</head>

Pour le dernier point, si je remplace simplement l'extension .xhtml par .html, là je n'ai plus de soucis.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Asumbaa · Message par **Asumbaa** » 17 janv. 2007, 19:56

OK, c'est beaucoup plus clair

Alors, déjà si IE est ton navigateur par défaut (quelle idée ! Enfin...), il faut que tu lui dises gentiment qu'il doit ouvrir les .xhtml aussi.
Pour cela sur ton disque dur tu cherches un .xhtml, tu fais un clic droit (ou un CTRL clic droit) et tu dis "Ouvrir avec". Là dans la liste tu choisis IE et tu coches la case "toujours ouvrir avec..." en bas.

À part ça, tu peux aussi bien nommer tes fichiers en .html pour ne pas avoir ce souci. Ça ne changera rien au fait qu'ils sont écrits en XHTML. Surtout que tu les envoies en text/html comme l'indique ton extrait de code : en gros tu dis aux navigateurs d'interpréter ton fichier comme si c'était du HTML. C'est mieux pour IE qui ne comprend pas autre chose, mais en théorie le XHTML devrait être envoyé avec le MIME-TYPE application/xhtml+xml. Plus de détails dans cet article de Pompage si ça t'intéresse.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

Invité · Message par **Invité** » 18 janv. 2007, 13:59

Je vais faire ce que tu me dis c'set à dire changer l'extension, je pense que c'est le plus simple à faire.

Sinon, j'ai remarqué un autre soucis avec FF.

Comme tu peux le constater, il y a un espace (ce sont deux images) alors qu'avce IE, tout s'assemble sans aucun soucis et je en vois pas comment régler le problème. Voici mon code :

Code : Tout sélectionner

<table width="877" border="0" align="center" cellpadding="0" cellspacing="0" summary="" class="corps"> 

   <tr> 
      <!-- Background Top --> 
      <td colspan="3" width="877"><img src="../design/background_html1.jpg" alt="" /></td> 
   </tr> 
    
   <tr> 
      <!-- Background Left --> 
      <td valign="top" width="92"><img src="../design/background_html2.jpg" alt="" /></td> 
       
      <!-- Corps du site --> 
      <td valign="top" class="coin" width="715"> 
         <div class="titre"><br />Test</div><br /><br /> 
                   
          
      </td> 
       
      <!-- Image Suikoden --> 
      <td valign="bottom" width="70"><img src="../design/suikoden.jpg" alt="" /></td> 
   </tr> 
    
</table>

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Invité · Message par **Invité** » 18 janv. 2007, 14:03

Désolé de faire un double post mais je n'ai pas la possibilité d'éditer mon post précédent car j'ai oublié de fournir le lien pour que tu puisses mieux voir mon soucis sous FF

http://novaslash.free.fr/test_v6/test/corps.xhtml

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Asumbaa · Message par **Asumbaa** » 18 janv. 2007, 15:34

Salut,

Et c'est là que je mesure tout ce que j'ai gagné comme emm... en moins en passant définitivement aux standards

En clair : pourquoi utiliser une structure en tableaux pour construire ta page ? Mets simplement ton image (la grande) en fond du body !

Si tu y tiens vraiment à tes tableaux (mais sache que c'est une erreur si tu comptes continuer de faire un peu de Web), essaye déjà de supprimer les commentaires et les sauts de ligne dans le code. Ca peut jouer, bizarrement.

[Et il faudrait déplacer ce topic en Developpement]

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Invité · Message par **Invité** » 18 janv. 2007, 15:46

Les commentaires et sauts de lignes ne changent rien.

quand tu dis de mettre la grande image, je suppose que c'est celle du haut et dans le body c'est le body du fichier html ou du css ? J'ai essayé avec le css mais si je n'utilise pas de tableau, ça ne correspond plus du tout.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Asumbaa · Message par **Asumbaa** » 18 janv. 2007, 17:31

Salut,

Oui, c'est parce que tu es au tout début du chemin. As-tu été lire Openweb (mon précédent lien) ?

Tu y comprendras qu'il faut au maximum respecter la sémantique du HTML et séparer le contenant (HTML) de la présentation (CSS).

Donc, tu as ta grande image.
Dans ta feuille CSS séparée (c'est plus simple, tu pourras l'appeler sur toutes tes pages), tu tapotes :

Code : Tout sélectionner

body {
    background: #couleur_hexa url(chemin_vers_image) no-repeat top left;
}

Enfin, tu peux adapter, hein !

Mais documente-toi avant de faire tout ça. Tu fais tes pages "à la main" ou avec un WYSIWYG au fait ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Novaslash · Message par **Novaslash** » 18 janv. 2007, 20:12

J'utilise Webexpert mais je mix le WYSIWYG et à la main, ça dépend du code que je retiens plus facilement ou non.

Si je n'ai jamais pousser plus loin la recherche sur le CSS c'est que je n'ai jamais été confronté à ce genre de problème. Avant tout fonctionnait et subitement, ça ne fonctionne plus.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Novaslash · Message par **Novaslash** » 18 janv. 2007, 20:13

J'utilise Webexpert mais je mix le WYSIWYG et à la main, ça dépend du code que je retiens plus facilement ou non.

Si je n'ai jamais pousser plus loin la recherche sur le CSS c'est que je n'ai jamais été confronté à ce genre de problème. Avant tout fonctionnait et subitement, ça ne fonctionne plus.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Novaslash · Message par **Novaslash** » 18 janv. 2007, 20:28

Désolé du double post mais j'ai eu un soucis avec mon navigateur et je me suis inscrit, ce sera plus simple quand je voudrais éditer mes messages.

Le code que tu m'as donné pour l'image, je le comprend car je l'utilise déjà pour une autre image (mais pas dans le body). Mais il y a un soucis. Sur le lien que ej t'ai donné, l'image est découpée en deux partie : celle du haut et celle de gauche. En utilisant ta méthode et sans tableau (enfin presque), comment je pourrais faire pour les faires correspondres... A moins que l'aitre image, je la mette également en background.

Est-ce que l'on peut metre deux images en background dans body ? Pour les disposer sur la page, je pense qu'il vaut mieux le faire en pixels pour éviter des soucis avec différentes résolutions je pense.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Asumbaa · Message par **Asumbaa** » 19 janv. 2007, 09:58

Salut,

Novaslash a écrit :Le code que tu m'as donné pour l'image, je le comprend car je l'utilise déjà pour une autre image (mais pas dans le body). Mais il y a un soucis. Sur le lien que ej t'ai donné, l'image est découpée en deux partie : celle du haut et celle de gauche. En utilisant ta méthode et sans tableau (enfin presque), comment je pourrais faire pour les faires correspondres... A moins que l'aitre image, je la mette également en background.

Le plus simple c'est de réunir tes deux images. Tu n'as pas besoin qu'elles soient découpées comme chez le charcutier

Novaslash a écrit :Est-ce que l'on peut metre deux images en background dans body ? Pour les disposer sur la page, je pense qu'il vaut mieux le faire en pixels pour éviter des soucis avec différentes résolutions je pense.

Tu ne peux mettre qu'un seul background par élément. C'est une des limitations du système.
Pour un design complexe il faut ruser, mais toi ça va, ton image de fond est toute simple (à intégrer, je veux dire)
Je n'ai pas bien compris ton histoire de pixels. Une page construite selon les standards t'assure que le rendu sera équivalent (et non pas identique) sur tous les navigateurs modernes. Il faut oublier les placements au pixel près.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Novaslash · Message par **Novaslash** » 19 janv. 2007, 19:29

Asumbaa a écrit : Je n'ai pas bien compris ton histoire de pixels. Une page construite selon les standards t'assure que le rendu sera équivalent (et non pas identique) sur tous les navigateurs modernes. Il faut oublier les placements au pixel près.

Et comment je place alors le background à l'endroit que je veux si je n'utilise pas de % ou de px ?

Imaginons que je centre le background (donc les deux images en une seule), comment faire sans tableau pour ajuster le corps du site ? Si ej centre, ça ne me conviendra pas car tous les textes seront centré et si je laisse tel quel (c'est à dire à gauche), ça n'ira pas non plus. Donc, je serais obligé d'utiliser un tableau pour introduire mes textes et je ne sais pas comment on fait pour définir la disposition du tableau par rapport au bord gauche de l'écran.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Edit : voilà, j'ai essayé de faire comme tu me l'as dit, du moins si j'ai bien compris. Mais j'ai un nouveau soucis maintenant. FF ne prend qu'une petite partie de mon css, même pas le body.

Voici mon code css :

Code : Tout sélectionner

@charset "windows-1252";
A {
color:#8e384c;
text-decoration: none;
text-align: center;
}

A:hover {
color:#8e384c;
text-decoration: underline;
text-align: center;
}

body {
	font-family: "Times New Roman", Garamond, Tahoma, sans-serif;
	background: #eeeDe9 url(design/background.jpg) no-repeat top 227px;
	}
	
.titre {
	text-align: center;
	font-size: 20px;
	color: #336699; 
	text-decoration: underline;
	font-weight: bold;	
	}	
	
.corps {
	font-size: 14px;
	font-weight: bold;
	color: #5e96a6;
	margin-left: 308px;
	}

.coin {
	background-image:url(design/coin.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;		
	}

.coin2 {
	background-image:url(design/coin2.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;		
	}

Mon code html :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="generator" content="WebExpert 6" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<title>Legacy of Suikoden</title>
</head>
<body>
<br /><br /><br />											
<table width="750" border="0" cellpadding="0" cellspacing="0" summary="" class="corps">

	<tr>
		<td valign="top" width="680" class="coin">
			<div class="titre"><br />Titre</div><br /><br />

			<br /><br />
			<div style="text-align: center">
			<a href="javascript:close_window('')" style="CURSOR: hand"><b>Fermer la page</b></a>
			</div>

		</td>
		<td class="coin2" width="70">&nbsp;</td>
	</tr>
	
</table>

</body>
</html>

Et voici le lien : http://novaslash.free.fr/test/test.html
sous IE, tout fonctionne et sous FF, mis à part le style des textes et une seule image, le reste est asbent même la couleyur de background du body n'apparaît pas.

Tant que j'y suis, j'ai utiliser l'attribut margin-left pour positioner mon tableau qui contient le corps du site et je me demandais s'il fallait mieux utiliser des px ou des % pour que ce soit pareil malgré les différentes résolutions.[/quote]

Edit : j'ai réussi a résoudre le problème. En fait, ça venait de cette ligne
background: #eeeDe9 url(design/background.jpg) no-repeat top 227px;

Il faut mettre un attribut par ligne donc j'ai du faire ceci :

body {
font-family: "Times New Roman", Garamond, Tahoma, sans-serif;
background: #eeeDe9;
background-image:url(design/background.jpg);
background-repeat:no-repeat;
background-position:top 209px;
}

Mais maintenant, le background reste constement en haut à gauche de l'écran. Même en utilisant des %, ça ne fonctionne pas. Par contre, si je met center, là pas de soucis. Comment je fais alors pour positionner où je le veux ?

Edit 2 : j'ai refais un test en mettant tout sur une seule ligne et ça fonctionne à la condition que je mette bottom, top, center, ... mais dès que j'utilise des px ou des %, c'est terminé, le background n'apparaît plus et le fond est blanc.

Edit 3 : wahoooo, j'ai trouvé le pourquoi du problème. si je mélange par exemple top 200px, ça ne fonctionne pas. Je dois alors mettre 0px 200px^^

Je vais arrêter de t'embêter avec tout ça après une dernière question. Vaut-il mieux utiliser les px ou les % pour positionner un background pour que ce soit le même quelque soit la résolution ?

Geckozone

Bug avec l'ouverture d'une nouvelle fenêtre

Bug avec l'ouverture d'une nouvelle fenêtre

Qui est en ligne ?