28173 sujets

CSS et mise en forme, CSS3

Clip et IE7 ?

Un p'tit souci que je n'arrive pas à corriger:

Pour présenter ma galerie photo "Triptyque", j'utilise un script qui fonctionne parfaitement avec Firefox mais qui depuis la version 7 d'Explorer ne marche plus sur celle-ci.

Il semble que ce soit la propriete clip qui ne réagit pas comme il faudrait.

avant, j'avais ça:
clip: rect(0px 10px 10px 0px);


et les images n'apparaissaient pas du tout.

Après être passé par le validateur W3c j'ai modifié cette ligne en séparant les données par des virgules:
clip: rect(0px, 10px, 10px, 0px);


Maintenant les images sortent du cadre et le script utilisé ne fait plus son office Smiley decu

le code:

<div id="divBg">
	<div id="divMenu">
<a href="#" onclick="trip.src='images/tri/gd_tri_001.jpg'"><img src="images/tri/001.jpg" alt="" /></a> 
<a href="#" onclick="trip.src='images/tri/gd_tri_002.jpg'"><img src="images/tri/002.jpg" alt="" /></a>
...
	</div>
</div>


le style associé:

#divBg {
	position:absolute;
	left:110px;
	top:120px;
	width:584px;
	height:75px;
	clip: rect(0px, 10px, 10px, 0px);
	border:1px solid #808080;
}
#divMenu {
	position:absolute;
	top: 8px;
	left: 0px;
	visibility:inherit;
	width: 1270px;
	font-style: oblique;
}


Quelqu'un(e) peut-il me mettre sur la piste ?

Merci
Bonsoir,

Voici un peu de lecture : « Syntaxe de la propriété clip » (par Laurent Denis)

Extrait :
a écrit :
En mode Strict, pour permettre le support de clip dans IE6.0 Win , tout en restant compatible avec des navigateurs appliquant strictement CSS2.1, il serait donc prudent d'écrire :

p {
position: absolute;
clip: rect(5px 40px 45px 5px);
clip: rect(5px, 40px, 45px, 5px);
}


Internet Explorer ne lira que la première règle clip, tandis que les navigateurs plus strictes liront la seconde.

Notons que le validateur CSS du W3C considère alors que la feuille de style est invalide.

Le problème est toujours le même avec IE7.

Si la CSS doit être valide, tu peux toujours utiliser le commentaire conditionnel
Modifié par Alan (25 Jan 2007 - 21:42)
Bonsoir,

Ah... On vous l'a pourtant dit et répété, qu'il ne fallait pas faire de CSS basée sur le mode Quirks d'IE Windows (via ce fichu prologue XML parfaitement absurde en XHTML traité comme du HTML...) Smiley cligne

<edit>Pour le détail du pourquoi du comment, grilled by Alan Smiley lol </>
Modifié par Laurent Denis (25 Jan 2007 - 21:43)
merci alan et Laurent,

Mais de remettre cette ligne de code sans les virgules me ramène à mon premier souci: les images restent dissimulées avec IE7...

No comprendo !
Merci Alan,

en javascript, je ne suis pas doué. Pour autant celui-ci me plait bien (du moins l'effet rendu). Bien sûr je connaîs le script que tu me proposes et j'admire sa simplicité.

bien que pas franchement compétent, je suis têtu et j'aimerais que cette galerie sur mon site se présente comme initialement. C'est déconcertant que le script marche avec Firefox et non avec IE7 (c'est plus souvent l'inverse).

Alors si quelqu'un à une idée du bout de code à modifier dans ce script. Peut-être est-ce dans la déclaration des browsers (la fonction function lib_bwcheck() au début du script que cela cloche mais je ne saurai pas le modifier.

Merci
Sujet clos
Aller à