Lightbox et IE7 affichage
Fermé
spy26
Messages postés
6
Date d'inscription
lundi 27 août 2007
Statut
Membre
Dernière intervention
7 octobre 2007
-
7 oct. 2007 à 14:19
Torak - 24 août 2008 à 18:18
Torak - 24 août 2008 à 18:18
A voir également:
- Lightbox et IE7 affichage
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Problème affichage fenêtre windows 10 - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
- Problème affichage le bon coin ✓ - Forum Virus
21 réponses
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 14:29
7 oct. 2007 à 14:29
SALUT
dans ton code je ne vois nul part le lien pour le CSS de la lightbox !!!!!!!
RAD
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
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
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
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 14:43
7 oct. 2007 à 14:43
SALUT
ajoute ca dans ton css
RAD
ajoute ca dans ton css
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
RAD
C'est pas un probleme IE7, mais un probleme de ta configuration personnelle. Je viens d ele testersous IE7 et opéra, ca fonctionne.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 14:49
7 oct. 2007 à 14:49
non gryzz ca merde sous ie 7 chez moi !!! ouvre plein ecran tu vas voir !!
normallement avec le css a rajouter c bon !!
normallement avec le css a rajouter c bon !!
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 !
@ 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 !
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 !
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 !
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 15:03
7 oct. 2007 à 15:03
SALUT
CELA VIENT DE
PASSE LE A 100%
CELA VIENT DE
body { padding: 0px; width: 1024px; margin: 0px auto; }
PASSE LE A 100%
Merci Rad pour ta réponse !
Mais au risque de paraître stupide je met quoi à 100% ?
Cordialement
Spy
Mais au risque de paraître stupide je met quoi à 100% ?
Cordialement
Spy
gryzzly
Messages postés
4608
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 335
7 oct. 2007 à 15:08
7 oct. 2007 à 15:08
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 suffit de trouver la propriété qui bloque le width à 1024px... et le passer en 100%
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 15:09
7 oct. 2007 à 15:09
body { padding: 0px; width: 100%; margin: 0px auto; }
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
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
gryzzly
Messages postés
4608
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 335
7 oct. 2007 à 15:12
7 oct. 2007 à 15:12
ouais, bon... j'arrive toujours en retard... faut que j'arrete de naviguer avec 10 discussion ccm ouvertes en meme temps ;-)
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 15:18
7 oct. 2007 à 15:18
,,,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/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
RAD
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/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
RAD
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
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
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 15:24
7 oct. 2007 à 15:24
. 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
cela ne vient pas de ta modif !!!!! chez moi elle passe sous ffx sans probleme avec ton code et mes ajouts !!!
RAD
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
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
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
7 oct. 2007 à 15:36
7 oct. 2007 à 15:36
:-)) ok
A+
RAD
A+
RAD