Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Rendu différent d'IE 10

19 réponses
Avatar
GR
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

10 réponses

1 2
Avatar
SAM
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
Avatar
GR
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)

Merci.

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm
Avatar
Sergio
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
Avatar
GR
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.

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm
Avatar
GR
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 ?

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm
Avatar
Sergio
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.
Avatar
GR
Le 04/05/2013 10:23, Sergio a écrit :
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.




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...

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm
Avatar
SAM
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
Avatar
GR
Le 04/05/2013 10:23, Sergio a écrit :
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.




J'ai encore corrigé, est-ce OK maintenant ?

Merci.

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cinéma : http://www.grenault.net/homecine.htm
Avatar
Pierre Maurette
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
1 2