Rechercher : dans
Par :

Lightbox et IE7 affichage

Dernière réponse le 24 aoû 2008 à 18:18:31 spy26, le 7 oct 2007 à 14:19:09 
 Signaler ce message aux modérateurs

Bonjour à tous !

Alors voici mon problème :

J'utilise le composant Lightbox v2.03.3 pour une des pages de mon site web (les news.). Jusque là pas de soucis avec FF le script s'affiche bien, les images apparaissent ... Mais lorsque je passe sous IE7 quand je clique sur ma miniature; l'image originelle s'ouvre mais l'arrière plan gris ne s'affiche qu'à environ 2 tiers de mon écran .

J'ai beau regarder je ne vois pas ce qui pourrai occasionner ce pb. De plus je débute en JS et j'ai encor du mal à tout comprendre .

Quelqu'un aurai une idée ? Toutes aides me serai vraiment précieuse ! Merci à tous en cas

Cordialement

Spy

P.S : le lien vers ma page : www.bionova.fr/news.php

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Lightbox et IE7 affichage » dans :
Afficher les extensions et les fichiers cachés sous Windows VoirPour afficher les extensions Solution simple Solution avec le registre Pour afficher les fichiers et les dossiers cachés Pour afficher les fichiers et les dossiers système Pourquoi afficher les extensions ? Lorsque vous ne voyez...
[Windows] Affiche l'icône du poste de travail sur le bureau VoirPar défaut, Windows XP n'affiche pas le poste de travail sur le bureau. Il est possible de l'afficher en suivant la procédure suivante : - Cliquer avec le bouton droit sur le bureau - Choisir Propriétés - Dans l'onglet Bureau, choisir...
[Windows] Afficher la loupe VoirWindows XP et Vista possèdent une option très utile et peu connue permettant d'afficher une loupe. Cette fonctionnalité peut notamment être très pratique lors de présentations. Pour activer simplement la loupe, il suffit de suivre l'une des...

1

RAD ZONE, le 7 oct 2007 à 14:29:23

SALUT

dans ton code je ne vois nul part le lien pour le CSS de la lightbox !!!!!!!

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

2

Spy26, le 7 oct 2007 à 14:33:29

Salut Rad !

C'est normal car les propriétées CSS de la lightbox sont dans mon fichier CSS : Home.css
Regade sous FF tout marche nikel mais pas sous IE7 il me coupe le fond gris !

Une idée ? merci pour ta réponse rapide !

Spy

Répondre à Spy26

3

RAD ZONE, le 7 oct 2007 à 14:43:39

SALUT
ajoute ca dans ton css

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}


RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

4

gryzzly, le 7 oct 2007 à 14:46:09

C'est pas un probleme IE7, mais un probleme de ta configuration personnelle. Je viens d ele testersous IE7 et opéra, ca fonctionne. Il faut cueillir les cerises avec la queue...
                                                            ­     J'avais déjà du mal avec la main !

Répondre à gryzzly

5

RAD ZONE, le 7 oct 2007 à 14:49:12

Non gryzz ca merde sous ie 7 chez moi !!! ouvre plein ecran tu vas voir !!

normallement avec le css a rajouter c bon !!
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

6

Spy26, le 7 oct 2007 à 14:49:23

Salut !

@ Rad : Merci pour le script mais sa ne marche tjs pas

@ gryzzly : ma configuration ? tu me dire ce qui ne va pas dans ma configuration ? qu'elle est la tienne ?

Merci d'avance !

Répondre à Spy26

7

spy26, le 7 oct 2007 à 15:01:43

Sinon je pensais à virer ce fond gris...

quelqu'un serai me dire qu'elle est la propriété CSS qui gère cela ?

Voici les propriétées CSS (Lightbox V2.03.3)

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(image/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {
background-image: url(image/prevlabel.gif);
background-repeat: no-repeat;
background-position: left 15%;
}

#nextLink:hover, #nextLink:visited:hover { background: url(image/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}


Merci d'avance Spt !

Répondre à spy26

8

RAD ZONE, le 7 oct 2007 à 15:03:59

SALUT

CELA VIENT DE

body {
	padding: 0px;
	width: 1024px;
	margin: 0px auto;
}


PASSE LE A 100% ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

9

spy26, le 7 oct 2007 à 15:06:53

Merci Rad pour ta réponse !

Mais au risque de paraître stupide je met quoi à 100% ?

Cordialement

Spy

Répondre à spy26

10

gryzzly, le 7 oct 2007 à 15:08:19

Ah ouais... j'avais pas vu... faut dire que j'utilise rarement le plein écran... j'ai pas que mon navigateur a l'ecran moi ;-)

il suffit de trouver la propriété qui bloque le width à 1024px... et le passer en 100% Il faut cueillir les cerises avec la queue...
                                                            ­     J'avais déjà du mal avec la main !

Répondre à gryzzly

11

RAD ZONE, le 7 oct 2007 à 15:09:09

body {
	padding: 0px;
	width: 100%;
	margin: 0px auto;
}
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

12

spy26, le 7 oct 2007 à 15:11:35

Merci Rad !

En effet sa marche sous IE 7 maintenant mais de nouvelles erreurs apparaisse :

Le site n'est plus centré dans la page sous FF et IE7 et la lightbox ne marche plus sous FF :(

Je reste Zen :D

Spy

Répondre à spy26

13

gryzzly, le 7 oct 2007 à 15:12:04

Ouais, bon... j'arrive toujours en retard... faut que j'arrete de naviguer avec 10 discussion ccm ouvertes en meme temps ;-) Il faut cueillir les cerises avec la queue...
                                                            ­     J'avais déjà du mal avec la main !

Répondre à gryzzly

14

RAD ZONE, le 7 oct 2007 à 15:18:23

,,,CA PASSE AVEC LES 2 POUR MOI ,,,???????????????????

1 :TU as bien rajouter la css que je t ai donne + haut????
lightbox et ie7 affichage#3

2 : il n est plus centre car tu as tout positione en px par raport a un body de 1024px

a toi de coriger cela !!http://css.alsacreations.com/...

RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

15

spy26, le 7 oct 2007 à 15:18:51

Tkt Grzzly !

J'ai toujours pas la solution à mon pb...
Le truc c'est que si je met :

body {
padding: 0px;
width: 100%;
margin: 0px auto;
}

Sa marche nikel sous IE7 sauf que le site n'est plus centré mais aligné sur la gauche. Il en est de même avec FF. Par contre avec FF quand on clique sur une image il ouvre le lien en _blank...

Vive la compatibilté des navigateurs ^^

Spy

Répondre à spy26

16

RAD ZONE, le 7 oct 2007 à 15:24:52

. Par contre avec FF quand on clique sur une image il ouvre le lien en _blank...

cela ne vient pas de ta modif !!!!! chez moi elle passe sous ffx sans probleme avec ton code et mes ajouts !!!

RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

17

spy26, le 7 oct 2007 à 15:26:42

Hey Rad !

En effet tu avais raison ! mainteant la light box est fonctionelle sous IE7 et FF ! il ne me reste plus qu'à re-centrer le site !
Merci pour ton lien et merci pour toute tes explications !

Je te MP si Soucis ^^

Spy

Répondre à spy26

18

RAD ZONE, le 7 oct 2007 à 15:36:16

:-)) ok

A+

RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

19

spy26, le 7 oct 2007 à 15:45:53

Re Rad !

Hmm aprés plein de test je n'arrive pas à centrer le site avec le CSS ...
Une idée ?

Spy

Répondre à spy26
Collection CommentÇaMarche.net