Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

CSS position fixe compatible IE-->OK

manly

Par manly
dans Programmation

 Partager

Messages recommandés

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

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 :P
     
    .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é… :P

manly Extrem Member

manly

Posté(e)
  • Auteur
Posté(e) (modifié)

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 :P )

Dans le Head, of course.

Pour Opera, ça me semble aussi étrange.

 

edit : :P 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 :P un peu avec des à-coup, mais bon.

Modifié par manly
  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

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 :P

 

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

 

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 :P

manly Extrem Member

manly

Posté(e)
  • Auteur
Posté(e)

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

je voulais insérer ceci

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

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.

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

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 :P

 

 

 

 

 

 

:PUne fausse manip', sûrement.

manly Extrem Member

manly

Posté(e)
  • Auteur
Posté(e)

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

img-091652sdi30.jpg

 

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

img-091745eqmad.jpg

qui me semble être la plus simple non ? :P

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.

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

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 :P

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

:P

manly Extrem Member

manly

Posté(e)
  • Auteur
Posté(e)
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 :P

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

:P

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

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

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

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

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

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 :P :

toto

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

manly Extrem Member

manly

Posté(e)
  • Auteur
Posté(e)

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

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...