Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Rendu différent d'IE 10

0 views
Skip to first unread message

GR

unread,
May 3, 2013, 2:11:40 PM5/3/13
to
Bonsoir,

Je m'aper�ois d'une diff�rence de rendu avec IE 10 en HTML 5 au niveau
des "line-height" voir http://www.grenault.net

Avec IE 10 les lignes sont plus rapproch�es qu'avec FF, Opera, Safari et
Chrome.

Connaissez-vous un moyen de contourner ce probl�me ?

Merci.

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cin�ma : http://www.grenault.net/homecine.htm

SAM

unread,
May 3, 2013, 7:21:26 PM5/3/13
to
Le 03/05/13 20:11, GR a écrit :
> Bonsoir,
>
> Je m'aperçois d'une différence de rendu avec IE 10 en HTML 5 au niveau
> des "line-height" voir http://www.grenault.net
>
> Avec IE 10 les lignes sont plus rapprochées qu'avec FF, Opera, Safari et
> Chrome.
>
> Connaissez-vous un moyen de contourner ce problème ?

une capture ?
Qu'on puisse voir de quoi tu causes.

Sinon ... je suppose que les commentaires conditionnels existent toujours ?
Même pour IE.10

Encore que ... ce que tu avances ne vaut que pour *toi*.
Par exemple *mon* Safari affiche en caractères bien plus gros que *mon*
Firefox.
(parce que je les ai réglés comme ça)

Que sais-tu du réglage du navigateur (qu'il soit IE ou autre) qui
viendra lire tes pages ?



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

GR

unread,
May 4, 2013, 2:33:13 AM5/4/13
to
Le 04/05/2013 01:21, SAM a �crit :
> Le 03/05/13 20:11, GR a �crit :
>> Bonsoir,
>>
>> Je m'aper�ois d'une diff�rence de rendu avec IE 10 en HTML 5 au niveau
>> des "line-height" voir http://www.grenault.net
>>
>> Avec IE 10 les lignes sont plus rapproch�es qu'avec FF, Opera, Safari et
>> Chrome.
>>
>> Connaissez-vous un moyen de contourner ce probl�me ?
>
> une capture ?
> Qu'on puisse voir de quoi tu causes.
>
> Sinon ... je suppose que les commentaires conditionnels existent toujours ?
> M�me pour IE.10
>
> Encore que ... ce que tu avances ne vaut que pour *toi*.
> Par exemple *mon* Safari affiche en caract�res bien plus gros que *mon*
> Firefox.
> (parce que je les ai r�gl�s comme �a)
>
> Que sais-tu du r�glage du navigateur (qu'il soit IE ou autre) qui
> viendra lire tes pages ?
>
>
>
> Cordialement,

Voici les images �cran :

http://cjoint.com/?CEeiDxpwMQk IE 10
http://cjoint.com/?CEeiFjcbrnU FF 20.01

Qui va voir ? Peu en effet (environ 250 par jour)

Sergio

unread,
May 4, 2013, 3:09:54 AM5/4/13
to
Le Sat, 04 May 2013 08:33:13 +0200, GR a écrit :

>>> Je m'aperçois d'une différence de rendu avec IE 10 en HTML 5 au niveau
>>> des "line-height" voir http://www.grenault.net

>> Cordialement,
>
> Voici les images écran :
>
> http://cjoint.com/?CEeiDxpwMQk IE 10 http://cjoint.com/?CEeiFjcbrnU FF
> 20.01
>
> Qui va voir ? Peu en effet (environ 250 par jour)


Pas moi, en tout cas. Pas vu de différence entre les 2 captures. Par
contre, chez moi (FF 20.0 sous Linux) le bouton "Plan du site" se
retrouve au-dessus de la boîte de recherche Google. Malgré un écran plus
large (1920px de large), et si je réduis, c'est pareil :
http://cjoint.com/13mi/CEejjuHmtR3.htm

GR

unread,
May 4, 2013, 3:22:36 AM5/4/13
to
La différence est dans les menus verticaux de gauche.

C'est Linux qui m.... ou FF pour Linux... C'est bon avec FF, Chrome,
Safari, Opera, Seamonkey, IE8, IE9, IE10, quand même !

Merci pour l'info.
Home cinéma : http://www.grenault.net/homecine.htm

GR

unread,
May 4, 2013, 3:59:05 AM5/4/13
to
Le 04/05/2013 09:22, GR a écrit :
> Le 04/05/2013 09:09, Sergio a écrit :
>> Le Sat, 04 May 2013 08:33:13 +0200, GR a écrit :
>>
>>>>> Je m'aperçois d'une différence de rendu avec IE 10 en HTML 5 au niveau
>>>>> des "line-height" voir http://www.grenault.net
>>
>>>> Cordialement,
>>>
>>> Voici les images écran :
>>>
>>> http://cjoint.com/?CEeiDxpwMQk IE 10 http://cjoint.com/?CEeiFjcbrnU FF
>>> 20.01
>>>
>>> Qui va voir ? Peu en effet (environ 250 par jour)
>>
>>
>> Pas moi, en tout cas. Pas vu de différence entre les 2 captures. Par
>> contre, chez moi (FF 20.0 sous Linux) le bouton "Plan du site" se
>> retrouve au-dessus de la boîte de recherche Google. Malgré un écran plus
>> large (1920px de large), et si je réduis, c'est pareil :
>> http://cjoint.com/13mi/CEejjuHmtR3.htm
>>
>
> La différence est dans les menus verticaux de gauche.
>
> C'est Linux qui m.... ou FF pour Linux... C'est bon avec FF, Chrome,
> Safari, Opera, Seamonkey, IE8, IE9, IE10, quand même !
>
> Merci pour l'info.
>

J'ai apporté une toute petite correction. Est-ce mieux ?

Sergio

unread,
May 4, 2013, 4:23:09 AM5/4/13
to
Le Sat, 04 May 2013 09:59:05 +0200, GR a écrit :

>> C'est Linux qui m.... ou FF pour Linux... C'est bon avec FF, Chrome,
>> Safari, Opera, Seamonkey, IE8, IE9, IE10, quand même !
>>
>> Merci pour l'info.
>>
>>
> J'ai apporté une toute petite correction. Est-ce mieux ?

Pareil :-(

Sinon, Firebug me signale qu'il y a un "body {background:black;}" qui
traîne dans style.css alors qu'il y a un "body {background:white;}" dans
le fichier HTML.

GR

unread,
May 4, 2013, 4:41:14 AM5/4/13
to
Oui, je sais pour le background car j'ai des fonds blancs et des fonds
noirs... Il faudrait que je trouve un simulateur Linux/FF...

SAM

unread,
May 4, 2013, 4:54:00 AM5/4/13
to
Le 04/05/13 08:33, GR a �crit :
> Le 04/05/2013 01:21, SAM a �crit :
>>
>> Encore que ... ce que tu avances ne vaut que pour *toi*.
>> Par exemple *mon* Safari affiche en caract�res bien plus gros que *mon*
>> Firefox.
>> (parce que je les ai r�gl�s comme �a)
>>
>> Que sais-tu du r�glage du navigateur (qu'il soit IE ou autre) qui
>> viendra lire tes pages ?
>
> Voici les images �cran :

Bon ... pas de remarque/r�ponse � mes remarques ...

> http://cjoint.com/?CEeiDxpwMQk IE 10

Ha! oui ! IE commence � y arriver on dirait.
C'est en HTML.5 ?
(pas vu de styles de transition, donc HTML.4, non?)

> http://cjoint.com/?CEeiFjcbrnU FF 20.01

Pas de diff�rence, non ?
Si ? O� �a ?

M�me pb que Sergio avec mon Fx
Pendant que Chrome fait comme chez toi (boutons + champs align�s)

> Qui va voir ? Peu en effet (environ 250 par jour)

Non, pas "qui" mais "avec QUOI" est la question � se poser.




Pour ces menus :
================

ton code :
<div class="menu-cadre">
<a class="sousmenu" href="mail.htm"></a><br>
<a class="sousmenu" href="livre_or.htm"></a><br>
tes css :
.menu-cadre {
width: 100px;
text-align: left;
margin-left: auto;
margin-right: auto;
line-height: 12px;
}
.sousmenu {
font-size: 12px;
color: white;
}

mon code :
<div class="menu-cadre">
<a href="mail.htm"></a>
<a href="livre_or.htm"></a>
mes css :
.menu-cadre {
width: 100px;
text-align: left;
margin-left: auto;
margin-right: auto;
line-height: 12px;
}
.menu-cadre a {
display: block;
padding: 0 4px;
margin: 0;
font-size: 12px;
color: white;
}
.menu-cadre a:hover {
color: maroon;
padding-left: 9px;
}



C'est quoi �a ?
===============
<script type="text/javascript">
function Redirection() {
if (confirm("Aller sur la version mobile du site ?")) {

Il y a *deux* versions du site ?
Une FdS pour les mobiles ne suffirait pas ?
(et le truc pour qu'ils en tiennent compte)

<link rel="stylesheet" href="mobiles.css" type="text/css"
media="handheld" />

voir :
<http://www.alsacreations.com/article/lire/930-css3-media-queries.html>
pour + d'infos et de subtilit�s.



Cordialement,
--
St�phane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

GR

unread,
May 4, 2013, 5:31:12 AM5/4/13
to
Le 04/05/2013 10:23, Sergio a écrit :
J'ai encore corrigé, est-ce OK maintenant ?

Merci.

Pierre Maurette

unread,
May 4, 2013, 5:33:22 AM5/4/13
to
GR :

[...]

> Il faudrait que je trouve un simulateur Linux/FF...

Vous pourriez tout simplement utiliser VirtualBox, ou ï¿œquivalent. ï¿œa
couvre pas mal des besoins qui semblent vous prï¿œoccuper, mï¿œme ceux qui
peuvent paraï¿œtre superflus:
- Un Windows 2000, pour un vrai IE6. Vous y aurez ï¿œgalement FF12.
Ajoutez MultipleIEs si ï¿œa vous amuse. Vous pouvez y configurer IIS si
par hasard vous en aviez besoin.
- Un Windows XP, pour un vrai IE8.
- Un Windows rᅵcent, en bac ᅵ sable, pour y faire des bᅵtises
tranquillement, utiliser des environnements de dï¿œveloppement un peu
invasifs, ou incompatibles avec d'autres. Bon endroit pour IETester par
exemple.
- Une (ou plus) distribution Linux en cliquodrome, Debian me convient,
pour les navigateurs soit dans le version des dï¿œpï¿œts, soit dans leur
derniï¿œre version.
- Un vrai serveur d'ᅵvaluation. Qui sera configurᅵ au plus prᅵs du
serveur de production. Par exemple une Debian, mï¿œme avec plusieurs
serveurs, se contentera de moins de 128Mo de mï¿œmoire, pour peu que la
charge soit faible.
- etc. etc.

Pour toutes ces machines, vous bᅵnᅵficiez de la possibilitᅵ de crᅵer
des snapshots, voire des branches. Vous pouvez mᅵme en crᅵer ᅵ la
hache, par copie de fichiers.
Vous pouvez allï¿œgrement y nettoyer votre historique, vos caches et
autres traces, cookies compris, avant un test, sans crainte que ï¿œa vous
manque, mᅵme s'il existe ᅵgalement les profils de Firefox pour faire ᅵ
peu prï¿œs la mï¿œme chose.
Vous pouvez choisir une rï¿œsolution rï¿œellement simulï¿œe, non pas en
contraignant le navigateur, mais la machine dans laquelle il tourne.
L'ergonomie sera reproduite presque parfaitement. /presque/, parce que
les pixels n'auront pas nï¿œcessairement la mï¿œme taille ni la mï¿œme
gï¿œomï¿œtrie.
Il y a de nombreux autres avantages, moins - ou pas du tout - en
rapport avec le dï¿œveloppement web.

Bref, la virtualisation, c'est que du bonheur ;-)

--
Pierre Maurette


GR

unread,
May 4, 2013, 5:39:09 AM5/4/13
to
Le 04/05/2013 10:54, SAM a �crit :
Merci Sam, je vais regarder tes suggestions attentivement.

J'ai donc tent� de corriger le probl�me d'affichage en bas avec le
moteur de recherche. Est-ce bon aussi chez toi, maintenant ?

Voici mes gentils visiteurs :

Navigateur Visites Pages/visite Dur�e moy. de la visite Nouvelles
visites (en %) Taux de rebond
1. Chrome 1 506 1,58 00:02:19 74,04 % 73,24 %
2. Firefox 1 443 1,64 00:01:09 82,05 % 78,86 %
3. Internet Explorer 1 137 1,78 00:01:22 81,27 % 77,13 %
4. Safari 1 102 1,31 00:00:53 67,88 % 83,67 %
5. Android Browser 239 1,73 00:01:16 74,48 % 70,71 %
6. Opera 65 1,48 00:00:36 76,92 % 86,15 %
7. Safari (in-app) 48 1,31 00:01:09 87,50 % 75,00 %
8. IE with Chrome Frame 14 1,64 00:01:36 85,71 % 71,43 %
9. SeaMonkey 11 1,00 00:00:00 90,91 % 100,00 %
10. Mozilla Compatible Agent 8 1,12 00:00:10 100,00 % 87,50 %

GR

unread,
May 4, 2013, 5:42:23 AM5/4/13
to
Le 04/05/2013 11:33, Pierre Maurette a ï¿œcrit :
Je vais regarder quand j'aurais un moment.

Merci.
Home cinï¿œma : http://www.grenault.net/homecine.htm

Sergio

unread,
May 4, 2013, 6:01:45 AM5/4/13
to
Le Sat, 04 May 2013 11:31:12 +0200, GR a écrit :

>>>> C'est Linux qui m.... ou FF pour Linux... C'est bon avec FF, Chrome,
>>>> Safari, Opera, Seamonkey, IE8, IE9, IE10, quand même !

>>>> Merci pour l'info.

>>> J'ai apporté une toute petite correction. Est-ce mieux ?
>>
>> Pareil :-(
>>
>> Sinon, Firebug me signale qu'il y a un "body {background:black;}" qui
>> traîne dans style.css alors qu'il y a un "body {background:white;}"
>> dans le fichier HTML.
>>
>>
> J'ai encore corrigé, est-ce OK maintenant ?

Toujours pas. Je pense que c'est le réglage de mon FF... Sinon, ça passe
avec Chrome et Opera Linux.

Pour Un simulateur Linux tu peux l'installer dans une machine virtuelle
avec Virtualbox, par exemple.

GR

unread,
May 4, 2013, 6:25:20 AM5/4/13
to
Et là ?

SAM

unread,
May 4, 2013, 6:27:13 AM5/4/13
to
Le 04/05/13 11:39, GR a écrit :
> Le 04/05/2013 10:54, SAM a écrit :
>>
>> mon code :
>> <div class="menu-cadre">
>> <a href="mail.htm"></a>
>> <a href="livre_or.htm"></a>
>> mes css :

Ça permet de pouvoir cliquer sur toute la largeur du menu
(au lieu de devoir viser le texte du lien)


>> <link rel="stylesheet" href="mobiles.css" type="text/css"
>> media="handheld" />
>>
>> voir :
>> <http://www.alsacreations.com/article/lire/930-css3-media-queries.html>
>> pour + d'infos et de subtilités.
>>
> Merci Sam, je vais regarder tes suggestions attentivement.

J'espère bien !!! ;-)

> J'ai donc tenté de corriger le problème d'affichage en bas avec le
> moteur de recherche. Est-ce bon aussi chez toi, maintenant ?

OK pour "mon" Firefox.



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

SAM

unread,
May 4, 2013, 7:02:56 AM5/4/13
to
Le 04/05/13 11:39, GR a écrit :

C'est quoi ce widget ?
<div id="MicrosoftTranslatorWidget"
que je ne vois pas ... !

> J'ai donc tenté de corriger le problème d'affichage en bas avec le
> moteur de recherche. Est-ce bon aussi chez toi, maintenant ?

Mais pourquoi fixes-tu une largeur à cet élément ?
.groupir {
width: 440px;



Moi, j'aurais fait :

<div class="groupir">
<form id="cse-search-box" action="http://www.grenault.net/recherche.htm">
<p>
<a class="plan" title="Découvrez TOUTES les pages !"
href="diversp.htm">Plan du site</a>
<input type="hidden" value="partner-pub-4436697827958348:7732990460"
name="cx">
<input type="hidden" value="FORID:10" name="cof">
<input type="hidden" value="UTF-8" name="ie">
<input type="text" size="30" name="q" style="background:
url(http://www.google.fr/cse/intl/fr/images/google_custom_search_watermark.gif)
no-repeat scroll left center rgb(255, 255, 255);">
<input type="submit" value="Rechercher" name="sa">
<input type="hidden" name="siteurl"
value="www.grenault.net/"></input><input type="hidden"
name="ref"></input><input type="hidden" name="ss">
</p>
</form>
</div>

.groupir { text-align: center; }
.groupir a {
border: 1px solid gray;
border-radius: 5px 5px 5px 5px;
margin-top: 1px;
margin-right: 15px;
padding: 2px 9px;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
color: black;
background: linear-gradient(rgb(255, 255, 255), rgb(211, 211, 211))
no-repeat scroll 0% 0% transparent;
}


à tester avec les IEs ...



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

GR

unread,
May 4, 2013, 1:38:45 PM5/4/13
to
Le 04/05/2013 12:01, Sergio a écrit :
Est-ce que c'est bon maintenant ?

Merci !

GR

unread,
May 6, 2013, 3:41:58 AM5/6/13
to
Le 04/05/2013 10:54, SAM a �crit :
> Le 04/05/13 08:33, GR a �crit :
>> Le 04/05/2013 01:21, SAM a �crit :
>>>
>>> Encore que ... ce que tu avances ne vaut que pour *toi*.
>>> Par exemple *mon* Safari affiche en caract�res bien plus gros que *mon*
>>> Firefox.
>>> (parce que je les ai r�gl�s comme �a)
>>>
>>> Que sais-tu du r�glage du navigateur (qu'il soit IE ou autre) qui
>>> viendra lire tes pages ?
>>
>> Voici les images �cran :
>
> Bon ... pas de remarque/r�ponse � mes remarques ...
>
>> http://cjoint.com/?CEeiDxpwMQk IE 10
>
> Ha! oui ! IE commence � y arriver on dirait.
> C'est en HTML.5 ?
> (pas vu de styles de transition, donc HTML.4, non?)

Oui c'est en HTML 5 et utf-8, sans erreurs, comme d'habitude :-)
IE 10 a fait des progr�s consid�rables. Maintenant il est
presqu'impossible de d�celer des diff�rences except� pour
line-height qu'il ne g�re pas de la m�me mani�re !
>
>> http://cjoint.com/?CEeiFjcbrnU FF 20.01
>
> Pas de diff�rence, non ?
> Si ? O� �a ?

Les lignes du menu secondaire sont plus rapproch�es.
>
> M�me pb que Sergio avec mon Fx
> Pendant que Chrome fait comme chez toi (boutons + champs align�s)
>
>> Qui va voir ? Peu en effet (environ 250 par jour)
>
> Non, pas "qui" mais "avec QUOI" est la question � se poser.
>
Je regarde la suite plus tard...
>
> C'est quoi �a ?
> ===============
> <script type="text/javascript">
> function Redirection() {
> if (confirm("Aller sur la version mobile du site ?")) {
>
> Il y a *deux* versions du site ?

Oui

> Une FdS pour les mobiles ne suffirait pas ?
> (et le truc pour qu'ils en tiennent compte)

Non
>
> <link rel="stylesheet" href="mobiles.css" type="text/css"
> media="handheld" />
>
> voir :
> <http://www.alsacreations.com/article/lire/930-css3-media-queries.html>
> pour + d'infos et de subtilit�s.
>
>
>
> Cordialement,

Merci !

Pierre Goiffon

unread,
May 7, 2013, 6:08:06 AM5/7/13
to
Le 04/05/2013 11:33, Pierre Maurette a �crit :
>> Il faudrait que je trouve un simulateur Linux/FF...
>
> Vous pourriez tout simplement utiliser VirtualBox, ou �quivalent.

Excellent conseil !!

j'ai r�pondu dans un autre fil � ce sujet, pour IE Microsoft donne
depuis plusieurs ann�es des VM, et depuis quelques temps elles sont
disponibles en plein de format et pas seulement le player de Microsoft !

=> http://www.modern.ie/

0 new messages