CSS position fixe compatible IE-->OK

Dylav · le 1 décembre 2008

Bonjour Manly,

1. Pour Internet Explorer

Tout d'abord, augmente légèrement ton margin-top (par exemple 210px), et ça devrait le faire.
Ensuite, pour rendre fixe ce bloc sous IE, il faut que tu ajoutes, obligatoirement telle quelle et dans le <head> de ta page HTML, la seconde séquence conditionnelle de style que je cite dans mon post n° 7 ci-dessus.
Enfin, le lien que tu cites propose une solution alléchante parce qu'extrêmement simple et concise. Malheureusement, je n'ai pas réussi à la faire fonctionner : le bloc ne reste manifestement pas fixe sous IE6. C'est rageant
```
.fixe {
 position: absolute;
 top: 10px;
 left: 10px;
}
html>body .fixe {
 position: fixed;
}
```

2. Pour Opera

Là, j'avoue que je ne comprends pas. D'après ta capture d'écran, il semblerait que ce navigateur ignore le width, le height et le padding du bloc ! Ce qui me paraît assez curieux pour un navigateur plutôt réputé…

manly · le 1 décembre 2008

Merci Dylav,

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style1.css"/>
<!-- Code CSS pour Internet Explorer 6 -->
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#bloc {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) +
                  this.offsetHeight - this.offsetHeight);
}
</style>
<![endif]-->

j'ai copié-collé dans mon code ton bout de page.

Exactement comme tu me l'as conseillé . (mais comment tu fais pour que ça s'affiche dans un code box ??? Chez moi, comme tu vois, pas moyen )

Dans le Head, of course.

Pour Opera, ça me semble aussi étrange.

edit : si je n'autorise pas le contenu bloqué, mon script ne peut fonctionner.

donc en activant le script bloqué, j'ai mon block en fixe un peu avec des à-coup, mais bon.

Modifié le 2 décembre 2008 par manly

Dylav · le 1 décembre 2008

Je n'ai pas compris la codebox vide, dans ton message #12 ci-dessus ?

C'est sûr que, si tu ne mets rien entre les deux balises BBCode, la boîte apparaît vide

Ainsi donc, si je comprends bien, ta page fonctionne sous FF et sous IE

Il ne reste plus que ce problème de bloc trop étriqué sous Opera…

Là, je ne peux t'apporter aucune aide, je n'ai pas la moindre expérience de ce navigateur

manly · le 1 décembre 2008

Dylav, je sais normalement utiliser le codebox cfr messages 1,3 et 10

je voulais insérer ceci

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style1.css"/>

et cela me donne un bloc vide.

Comprends-tu cela ?

Bon j'ai mis mon margin-top à 210 et c'est mieux en effet.

Pour Opéra, j'espère qu'un connaisseur passera par ici.

Bonne soirée et un grand merci pour toute votre aide à tous.

Dylav · le 1 décembre 2008

Manly, juste pour que ni toi ni moi ne mourions idiots, reprends ton message #12 en édition, refais ton copier/coller dans la codebox et appuie sur “Prévisualisation” : j'ai une forte tendance à croire que ta boîte sera pleine

Une fausse manip', sûrement.

manly · le 2 décembre 2008

Bonjour Dylav,

Voilà, nous ne mourrons pas idiot.

Le copié collé dans l'édition fonctionne.

J'essaye de faire pareil dans le code box, dans la fenêtre qui s'ouvre

Je clique sur OK.....et pas moyen, de cette façon,

qui me semble être la plus simple non ?

Il doit y avoir une ligne dans ce code qui fait que....

Ce n'est pas la première fois que j'ai le souci.

Je peux chercher où, c'était dans programmation aussi.

A signaler ailleurs peut-être ?

Bon je continue à chercher pour Opera

Bonne journée.

Dylav · le 2 décembre 2008

Je ne comprends pas ton souci,

1. tu cliques sur “Éléments spéciaux”,

2. tu cliques sur “Insérer : CODEBOX”,

3. dans la mini-fenêtre qui s'ouvre, tu tapes du texte ou tu “colles” ce que tu as auparavant mémorisé par “copier”,

4. tu cliques sur “OK”,

5. ta codebox et son contenu s'insèrent automatiquement dans le message en cours de rédaction.

Chez moi en tout cas, ça fonctionne sans problème

On dirait que tu n'as pas la main verte, aujourd'hui ?

manly · le 2 décembre 2008

Je ne comprends pas ton souci,
1. tu cliques sur "Éléments spéciaux",

2. tu cliques sur "Insérer : CODEBOX",

3. dans la mini-fenêtre qui s'ouvre, tu tapes du texte ou tu "colles" ce que tu as auparavant mémorisé par "copier",

4. tu cliques sur "OK",

5. ta codebox et son contenu s'insèrent automatiquement dans le message en cours de rédaction.

Chez moi en tout cas, ça fonctionne sans problème

On dirait que tu n'as pas la main verte, aujourd'hui ?

Et ben justement, c'est ça mon souci.

1,2,3,4 pas de problème

5 je clique et entre les balises codebox, c'est vide, mais un vide proportionnel à ce que j'ai rentré. Un vide plein d'espaces.

Le problème ne date pas d'aujourd'hui, là déjà, ici, j'ai rencontré le problème et contourné en mettant tout dans un quote.

Je viens de réessayer, toujours le même problème.

Tu as essayé avec le texte repris dans mon quote ?

Dylav · le 2 décembre 2008

1. Sans tricher, voici les manip' 1-2-3-4-5 effectuées sur ton autre citation de code :

// --></script><script language="JavaScript"><!--
if(MSFPhover) { MSFPnav1n=MSFPpreload("_derived/home_cmp_fiesta010_hbtn_p.gif"); MSFPnav1h=MSFPpreload("_derived/home_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="index.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src" onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src"><img src="_derived/home_cmp_fiesta010_hbtn_p.gif" width="140" height="60" border="0" alt="Accueil" align="middle" name="MSFPnav1"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav2n=MSFPpreload("_derived/videos.htm_cmp_fiesta010_hbtn.gif"); MSFPnav2h=MSFPpreload("_derived/videos.htm_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="videos.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav2'].src=MSFPnav2h.src" onmouseout="if(MSFPhover) document['MSFPnav2'].src=MSFPnav2n.src"><img src="_derived/videos.htm_cmp_fiesta010_hbtn.gif" width="140" height="60" border="0" alt="videos" align="middle" name="MSFPnav2"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav3n=MSFPpreload("_derived/spectacles.htm_cmp_fiesta010_hbtn.gif"); MSFPnav3h=MSFPpreload("_derived/spectacles.htm_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="spectacles.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav3'].src=MSFPnav3h.src" onmouseout="if(MSFPhover) document['MSFPnav3'].src=MSFPnav3n.src"><img src="_derived/spectacles.htm_cmp_fiesta010_hbtn.gif" width="140" height="60" border="0" alt="spectacles" align="middle" name="MSFPnav3"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav4n=MSFPpreload("_derived/magie_mentale.htm_cmp_fiesta010_hbtn.gif"); MSFPnav4h=MSFPpreload("_derived/magie_mentale.htm_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="magie_mentale.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav4'].src=MSFPnav4h.src" onmouseout="if(MSFPhover) document['MSFPnav4'].src=MSFPnav4n.src"><img src="_derived/magie_mentale.htm_cmp_fiesta010_hbtn.gif" width="140" height="60" border="0" alt="magie mentale" align="middle" name="MSFPnav4"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav5n=MSFPpreload("_derived/liens.htm_cmp_fiesta010_hbtn.gif"); MSFPnav5h=MSFPpreload("_derived/liens.htm_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="liens.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav5'].src=MSFPnav5h.src" onmouseout="if(MSFPhover) document['MSFPnav5'].src=MSFPnav5n.src"><img src="_derived/liens.htm_cmp_fiesta010_hbtn.gif" width="140" height="60" border="0" alt="liens" align="middle" name="MSFPnav5"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav6n=MSFPpreload("_derived/english.htm_cmp_fiesta010_hbtn.gif"); MSFPnav6h=MSFPpreload("_derived/english.htm_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="english.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav6'].src=MSFPnav6h.src" onmouseout="if(MSFPhover) document['MSFPnav6'].src=MSFPnav6n.src"><img src="_derived/english.htm_cmp_fiesta010_hbtn.gif" width="140" height="60" border="0" alt="english" align="middle" name="MSFPnav6"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav7n=MSFPpreload("_derived/contact.htm_cmp_fiesta010_hbtn.gif"); MSFPnav7h=MSFPpreload("_derived/contact.htm_cmp_fiesta010_hbtn_a.gif"); }
// --></script><a href="contact.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav7'].src=MSFPnav7h.src" onmouseout="if(MSFPhover) document['MSFPnav7'].src=MSFPnav7n.src"><img src="_derived/contact.htm_cmp_fiesta010_hbtn.gif" width="140" height="60" border="0" alt="contact" align="middle" name="MSFPnav7"></a>
<br/><br/><br/>

2. Alors que la balise BBcode code ouvre une fenêtre de la taille nécessaire à l'affichage du texte y inclus, la balise codebox est de taille fixe même lorsqu'elle ne contient que quelques caractères (c'est bien sûr compensé par la présence de barres de défilement en cas de débordement, cf. ci-dessus). Exemple d'informaticien :

toto

Ceci ne fait que prouver que nos deux PC ne sont pas paramétrés exactement de la même façon

manly · le 3 décembre 2008

Bonjour Dylav,

Oui, sans doute.

Mais étrange quand même.

Bon j'arrête avec ça, je vais chercher pour être compatible Opéra.

C'est plus important je pense.

Connexion

Pas encore inscrit ?

CSS position fixe compatible IE-->OK

Messages recommandés

Dylav

Lien vers le commentaire

Partager sur d’autres sites

manly

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

manly

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

manly

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

manly

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

manly

Lien vers le commentaire

Partager sur d’autres sites

Rejoindre la conversation

En ligne récemment 0 membre est en ligne

Zebulon

Outils en ligne

Naviguer