Journal : CSS et IE (encore et toujours la m----)

Posté par Yaz () le 29 mai 2004

Bonjour à tous !
Ceux qui ont la malchance de devoir utiliser Internet Explorer sur ce site aurons sans doute remarqué que la petite boite qui contient les liens vers UUCPssh, TribuneLibre, LinuxGraphic, Templeet etc... en haut des pages de linuxfr s'affiche quand elle veut sur Internet Explorer.

J'ai exactement le même problème avec les pages de mon site (XHTML + CSS), sauf que sur le mien, la majorité des gens qui y passerons n'auront pas Mozilla, Konqueror, ou autres mais bien un Internet Explorer.

Question : y'a-t-il un moyen de camoufler ce bug d'IE ?

Merci bien !

> Lire le journal (4 commentaires, moyenne: 4,3).

Cette discussion est archivée, il n'est plus possible de laisser des commentaires.

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.

ici on a

Posté par plagiats () le 29/05/2004 à 08:15. (lien). Évalué à 10.

ici on a

div.lsfnbanner {
margin-left: 150px;
margin-right: 170px;
border-top: none;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px black solid;
border-right: 1px black solid;
border-left: 1px black solid;
text-align: left;
font-size: 11px;
padding-top: 2px;
background-color: #eeeae6;
}

ce qui en plus court donne:

div.lsfnbanner {
margin: 0 170px 0 150px;
border: 0 1px #000 solid 1px #000 solid 1px #000 solid;
/* je suis pas sûr pour cette ligne, tiens ^^ */

text-align: left;
font-size: 11px;
padding-top: 2px;
background-color: #eeeae6;
}

ce qui en fait pourrait se transformer en:

div.lsfnbanner {
position: absolute
top: 0;
left: 50%;
width: 400px;
margin: 0 0 0 -200px;
/* direct copier-coller de: http://openweb.eu.org/articles/initiation_centrage/(...) */
}

qui doit fonctionner sous ie normalement

si c'est pas ca et que je me trompe carrément de problème, le mieux est encore de consulter:
http://css-discuss.incutio.com/?page=CssHack(...)

et de tester ton rendu via http://www.danvine.com/iecapture(...)

(au fait quand il y a quatre élément dans une variable css il faut les lire dans le sens des aiguilles d'une montre en commencant par le haut. ce qui donne: haut droite bas gauche)

bien à toi

plagiats

--
La mort est un phénomène naturel qui se produit par l'avalement répété de petites quantités de salive au cours d'une grande période de temps. - George Carlin

[^]Petit détail

Posté par l'architecte () le 29/05/2004 à 11:49. (lien). Évalué à 4.
Cette proposition diffère légèrement: la boîte a une largeur fixe et risque donc de déborder en cas de fenêtre trop petite.

Peut-être que ceci sera plus conforme à l'effet désiré.
div.lsfnbanner {
position: absolute; /* il manquait un ";" */
top: 0;
left: 50%;
width: 80%;
margin: 0 0 0 -40%;
}

Ok sur Moz, ai pas IE pour tester. Sinon, je viens de réaliser un site aussi avec CSS, et mon expérience me dit de rechercher un exemple qui marche et de le recopier :-(. Attention, MSIE5 est particulièrement rebelle d'après un de mes testeurs.
- [^]Re: Petit détail
  
  Posté par plagiats () le 29/05/2004 à 12:03. (lien). Évalué à 1.
  position: absolute; /* il manquait un ";" */
  
  Bien vu! Y'en a un qui suit! ;)
  
  --
  La mort est un phénomène naturel qui se produit par l'avalement répété de petites quantités de salive au cours d'une grande période de temps. - George Carlin

[^]correction sur "border"

Posté par plagiats () le 29/05/2004 à 12:17. (lien). Évalué à 2.
pour les bordures, je viens de vérifier (la syntaxe me paraissait bien gruikeste quand même), il vaut mieux un bon:

border: 1px solid #000;
border-top: none;

des familles, tout de suite plus lisible (et qui marche, lui).

plagiats

--
La mort est un phénomène naturel qui se produit par l'avalement répété de petites quantités de salive au cours d'une grande période de temps. - George Carlin

Revenir en haut de page

Journal : CSS et IE (encore et toujours la m----)

ici on a

[^]Petit détail

[^]Re: Petit détail

[^]correction sur "border"