Pb affichage avec Squelettes Standards et Internet Explorer : la marge droite bouge !!!

Bonjour à tous,
Après moultes recherches (sans succès) sur les archives et via Google, je
pose ma question :

J'ai un pb d'affichage avec Internet Explorer (6) : certaines de mes pages
ont une marge flottante à droite, notamment quand je survole un article ou
un site dans une rubrique.

Ce qui fait que la page semble touchée par la maladie de Parkinson
(tremblement...)

Voir par exemple : http://ljacot.ouvaton.org/rubrique.php3?id_rubrique=21

NB. J'utilise les squelettes et les feuilles de styles standards de SPIP
1.6 - Avec quelques petites modifications.... mais je rencontre ce pb depuis
le début.

Visiblement ce pb n'existe pas avec Mozilla 1.5. Mais comme 80% des
utilisateurs ont IE6...

Merci d'avance pour vos réponses !!!

Laurent

Bonjour,

Le problème vien de la manière qu'IE interpret les Div et le CSS. Pour le moment on est encore loin d'une compatibilité complet
entre les different brouteur (j'adore ce mot :)). le W3C recomende de plus en plus d'utiliser les div plutot que les tables html (en
superbe exemple http://www.csszengarden.com/) mais pour le moment, seul Mozilla et (peut etre) opéra gère bien les div. IE a encore
quelque problème à ce niveau là.

la solution que j'utilisai jusau'à present étais 2 css differentes pour IE et les autres en utilisant un script comme ceci:

<script>
  var css="main,extras"
  var nsOrIe=0;
  listeCss=css.split(",")
  if (navigator.appName.indexOf('Microsoft') != -1)
  {
    nsOrIe="ie";
  }
  else nsOrIe="ns";
  for (i=0;i<listeCss.length;i++)
  {
    document.write("<link href='css/"+listeCss[i]+"_"+nsOrIe+".css' rel='STYLESHEET' type='text/css'>\n");
  }
</script>

placer dans le <head>. et crée 2 css appellé css main_ie.css et main_ns.css etc ...

par contre je ne pourais pas te dire quelle partie des skelette par défault a cette effet de tremblement.

je sais que ce n'est pas vraiment une réponse, mais ça peut t'aidé à trouver une solution.

en plus, IE va devenir de moin en moin courant (enfin, je l'éspaire :)) car le navigateur MozillaFireBird 0.6 et génial, vraiment.
je l'ai déja installé sur tous les PC du taff, et celui de ma mère :slight_smile:
(http://www.mozilla.org/products/firebird/why/ lien en englais)

HTH
Tim

-----Message d'origine-----
De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net]De la part de
looolooo
Envoyé : mardi 19 août 2003 12:10
À : spip@rezo.net
Objet : [Spip] Pb affichage avec Squelettes Standards et Internet
Explorer: la marge droite bouge !!!

Bonjour à tous,
Après moultes recherches (sans succès) sur les archives et via Google, je
pose ma question :

J'ai un pb d'affichage avec Internet Explorer (6) : certaines de mes pages
ont une marge flottante à droite, notamment quand je survole un article ou
un site dans une rubrique.

Ce qui fait que la page semble touchée par la maladie de Parkinson
(tremblement...)

Voir par exemple : http://ljacot.ouvaton.org/rubrique.php3?id_rubrique=21

NB. J'utilise les squelettes et les feuilles de styles standards de SPIP
1.6 - Avec quelques petites modifications.... mais je rencontre ce pb depuis
le début.

Visiblement ce pb n'existe pas avec Mozilla 1.5. Mais comme 80% des
utilisateurs ont IE6...

Merci d'avance pour vos réponses !!!

Laurent

Finalement, pour résoudre le pb, j'ai déplacé le pavé mots-clés dans la
partie gauche (navigation) ;
ce que IE ne supporte pas ce sont des div intriquées (encart dans
principal).
Merci pour la réponse
A+
Laurent

"Tim Fletcher" <tfletcher@netfactoriel.com> a écrit dans le message de
news:NGBBLGNMLJPKEPIFPKLHCEDIGCAA.tfletcher@netfactoriel.com...

Bonjour,

Le problème vien de la manière qu'IE interpret les Div et le CSS. Pour le

moment on est encore loin d'une compatibilité complet

entre les different brouteur (j'adore ce mot :)). le W3C recomende de plus

en plus d'utiliser les div plutot que les tables html (en

superbe exemple http://www.csszengarden.com/) mais pour le moment, seul

Mozilla et (peut etre) opéra gère bien les div. IE a encore

quelque problème à ce niveau là.

la solution que j'utilisai jusau'à present étais 2 css differentes pour IE

et les autres en utilisant un script comme ceci:

<script>
var css="main,extras"
var nsOrIe=0;
listeCss=css.split(",")
if (navigator.appName.indexOf('Microsoft') != -1)
{
nsOrIe="ie";
}
else nsOrIe="ns";
for (i=0;i<listeCss.length;i++)
{
document.write("<link href='css/"+listeCss[i]+"_"+nsOrIe+".css'

rel='STYLESHEET' type='text/css'>\n");

}
</script>

placer dans le <head>. et crée 2 css appellé css main_ie.css et

main_ns.css etc ...

par contre je ne pourais pas te dire quelle partie des skelette par

défault a cette effet de tremblement.

je sais que ce n'est pas vraiment une réponse, mais ça peut t'aidé à

trouver une solution.

en plus, IE va devenir de moin en moin courant (enfin, je l'éspaire :))

car le navigateur MozillaFireBird 0.6 et génial, vraiment.

je l'ai déja installé sur tous les PC du taff, et celui de ma mère :slight_smile:
(http://www.mozilla.org/products/firebird/why/ lien en englais)

HTH
Tim

> -----Message d'origine-----
> De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net]De la part de
> looolooo
> Envoyé : mardi 19 août 2003 12:10
> À : spip@rezo.net
> Objet : [Spip] Pb affichage avec Squelettes Standards et Internet
> Explorer: la marge droite bouge !!!
>
>
> Bonjour à tous,
> Après moultes recherches (sans succès) sur les archives et via Google,

je

> pose ma question :
>
> J'ai un pb d'affichage avec Internet Explorer (6) : certaines de mes

pages

> ont une marge flottante à droite, notamment quand je survole un article

ou

> un site dans une rubrique.
>
> Ce qui fait que la page semble touchée par la maladie de Parkinson
> (tremblement...)
>
> Voir par exemple :

http://ljacot.ouvaton.org/rubrique.php3?id_rubrique=21

>
> NB. J'utilise les squelettes et les feuilles de styles standards de SPIP
> 1.6 - Avec quelques petites modifications.... mais je rencontre ce pb

depuis

> le début.
>
> Visiblement ce pb n'existe pas avec Mozilla 1.5. Mais comme 80% des
> utilisateurs ont IE6...
>
> Merci d'avance pour vos réponses !!!
>
> Laurent
>
>
>
>

Pour info, le problème semble résolu en joueant sur les marges et les
tailles en % contenues dans les feuilles de style standard (habillage.css)
quand je mets çà : ça semble fonctionner :
/*
* Disposition a l'ecran : colonnes, encarts, cartouches
*/

#principal {
position: absolute;
left: 30%;
....}

#navigation {
position: absolute;
left: 0px;
top: 0px;
width: 25%;
...}

.encart {
float: right;
/*width: 14em;*/
width: 29%;
margin-left: 4%;
...}
Comme quoi IE6 est très sensible aux pourcentages :wink:
A+
Laurent

"Tim Fletcher" <tfletcher@netfactoriel.com> a écrit dans le message de
news:NGBBLGNMLJPKEPIFPKLHCEDIGCAA.tfletcher@netfactoriel.com...

Bonjour,

Le problème vien de la manière qu'IE interpret les Div et le CSS. Pour le

moment on est encore loin d'une compatibilité complet

entre les different brouteur (j'adore ce mot :)). le W3C recomende de plus

en plus d'utiliser les div plutot que les tables html (en

superbe exemple http://www.csszengarden.com/) mais pour le moment, seul

Mozilla et (peut etre) opéra gère bien les div. IE a encore

quelque problème à ce niveau là.

la solution que j'utilisai jusau'à present étais 2 css differentes pour IE

et les autres en utilisant un script comme ceci:

<script>
var css="main,extras"
var nsOrIe=0;
listeCss=css.split(",")
if (navigator.appName.indexOf('Microsoft') != -1)
{
nsOrIe="ie";
}
else nsOrIe="ns";
for (i=0;i<listeCss.length;i++)
{
document.write("<link href='css/"+listeCss[i]+"_"+nsOrIe+".css'

rel='STYLESHEET' type='text/css'>\n");

}
</script>

placer dans le <head>. et crée 2 css appellé css main_ie.css et

main_ns.css etc ...

par contre je ne pourais pas te dire quelle partie des skelette par

défault a cette effet de tremblement.

je sais que ce n'est pas vraiment une réponse, mais ça peut t'aidé à

trouver une solution.

en plus, IE va devenir de moin en moin courant (enfin, je l'éspaire :))

car le navigateur MozillaFireBird 0.6 et génial, vraiment.

je l'ai déja installé sur tous les PC du taff, et celui de ma mère :slight_smile:
(http://www.mozilla.org/products/firebird/why/ lien en englais)

HTH
Tim

> -----Message d'origine-----
> De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net]De la part de
> looolooo
> Envoyé : mardi 19 août 2003 12:10
> À : spip@rezo.net
> Objet : [Spip] Pb affichage avec Squelettes Standards et Internet
> Explorer: la marge droite bouge !!!
>
>
> Bonjour à tous,
> Après moultes recherches (sans succès) sur les archives et via Google,

je

> pose ma question :
>
> J'ai un pb d'affichage avec Internet Explorer (6) : certaines de mes

pages

> ont une marge flottante à droite, notamment quand je survole un article

ou

> un site dans une rubrique.
>
> Ce qui fait que la page semble touchée par la maladie de Parkinson
> (tremblement...)
>
> Voir par exemple :

http://ljacot.ouvaton.org/rubrique.php3?id_rubrique=21

>
> NB. J'utilise les squelettes et les feuilles de styles standards de SPIP
> 1.6 - Avec quelques petites modifications.... mais je rencontre ce pb

depuis

> le début.
>
> Visiblement ce pb n'existe pas avec Mozilla 1.5. Mais comme 80% des
> utilisateurs ont IE6...
>
> Merci d'avance pour vos réponses !!!
>
> Laurent
>
>
>
>

Le problème ne surviendrait pas lors du survol d'un lien par hasard? Si
c'est le cas, enlevez la mise en gras ou autre joyeuseté du genre dans la
feuille de style.... ca devrait réglé le pbm...

"Laurent" <htico@ouvaton.org> a écrit dans le message de news:
bi01qm$q15$1@sea.gmane.org...

Pour info, le problème semble résolu en joueant sur les marges et les
tailles en % contenues dans les feuilles de style standard (habillage.css)
quand je mets çà : ça semble fonctionner :
/*
* Disposition a l'ecran : colonnes, encarts, cartouches
*/

#principal {
position: absolute;
left: 30%;
....}

#navigation {
position: absolute;
left: 0px;
top: 0px;
width: 25%;
...}

.encart {
float: right;
/*width: 14em;*/
width: 29%;
margin-left: 4%;
...}
Comme quoi IE6 est très sensible aux pourcentages :wink:
A+
Laurent

"Tim Fletcher" <tfletcher@netfactoriel.com> a écrit dans le message de
news:NGBBLGNMLJPKEPIFPKLHCEDIGCAA.tfletcher@netfactoriel.com...
> Bonjour,
>
> Le problème vien de la manière qu'IE interpret les Div et le CSS. Pour

le

moment on est encore loin d'une compatibilité complet
> entre les different brouteur (j'adore ce mot :)). le W3C recomende de

plus

en plus d'utiliser les div plutot que les tables html (en
> superbe exemple http://www.csszengarden.com/) mais pour le moment, seul
Mozilla et (peut etre) opéra gère bien les div. IE a encore
> quelque problème à ce niveau là.
>
> la solution que j'utilisai jusau'à present étais 2 css differentes pour

IE

et les autres en utilisant un script comme ceci:
>
> <script>
> var css="main,extras"
> var nsOrIe=0;
> listeCss=css.split(",")
> if (navigator.appName.indexOf('Microsoft') != -1)
> {
> nsOrIe="ie";
> }
> else nsOrIe="ns";
> for (i=0;i<listeCss.length;i++)
> {
> document.write("<link href='css/"+listeCss[i]+"_"+nsOrIe+".css'
rel='STYLESHEET' type='text/css'>\n");
> }
> </script>
>
> placer dans le <head>. et crée 2 css appellé css main_ie.css et
main_ns.css etc ...
>
>
> par contre je ne pourais pas te dire quelle partie des skelette par
défault a cette effet de tremblement.
>
> je sais que ce n'est pas vraiment une réponse, mais ça peut t'aidé à
trouver une solution.
>
> en plus, IE va devenir de moin en moin courant (enfin, je l'éspaire :))
car le navigateur MozillaFireBird 0.6 et génial, vraiment.
> je l'ai déja installé sur tous les PC du taff, et celui de ma mère :slight_smile:
> (http://www.mozilla.org/products/firebird/why/ lien en englais)
>
> HTH
> Tim
>
> > -----Message d'origine-----
> > De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net]De la part de
> > looolooo
> > Envoyé : mardi 19 août 2003 12:10
> > À : spip@rezo.net
> > Objet : [Spip] Pb affichage avec Squelettes Standards et Internet
> > Explorer: la marge droite bouge !!!
> >
> >
> > Bonjour à tous,
> > Après moultes recherches (sans succès) sur les archives et via Google,
je
> > pose ma question :
> >
> > J'ai un pb d'affichage avec Internet Explorer (6) : certaines de mes
pages
> > ont une marge flottante à droite, notamment quand je survole un

article

ou
> > un site dans une rubrique.
> >
> > Ce qui fait que la page semble touchée par la maladie de Parkinson
> > (tremblement...)
> >
> > Voir par exemple :
http://ljacot.ouvaton.org/rubrique.php3?id_rubrique=21
> >
> > NB. J'utilise les squelettes et les feuilles de styles standards de

SPIP

> > 1.6 - Avec quelques petites modifications.... mais je rencontre ce pb
depuis
> > le début.
> >
> > Visiblement ce pb n'existe pas avec Mozilla 1.5. Mais comme 80% des
> > utilisateurs ont IE6...
> >
> > Merci d'avance pour vos réponses !!!
> >
> > Laurent
> >
> >
> >
> >
>

----------------------------------------------------------------------------
----