[Résolu] Problème Lightbox CSS ?

Salut à tous,

C'est la première fois que j'utilise LE SCRIPT LIGHTBOX et à priori c'est assez simple ...

Le problème c'est quand je clique sur la vignette, au moment ou l'image apparait en taille normal elle est complètement décalé par rapport au conteneur du script ...

J'ai cherché pendant une heure, dans le code css de lightbox et dans le mien ... je ne vois pas du tout de quoi ça vient ...

Si quelqu'un peut y jeter un pti coup d'oeil ce serait super cooool !

ma CSS :

body {
	margin: 0;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.8em;
	background-color: #403039;
	font-style: normal;
	font-weight: normal;
	background-image: url(visuel/back.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#global {
	position:absolute;
	left: 50%;
	width: 800px;
	height: 600px;
	margin-left: -400px;
	background-image: url(visuel/fond.png);
	background-repeat: no-repeat;
	background-position: 0px 200px;
}
#header {
	height: 200px;
	background-image: url(visuel/header.png);
}
#high {
	text-align: left;
	text-indent: 20pt;
	padding-top: 150px;
	padding-left: 400px;
}
#high a {
	text-decoration: none;
	color: #fff;
}
#high a:hover {
	color: #CC0000;
}
#left {
	left: 0px;
	width: 400px;
	position: absolute;
	height: 400px;
	overflow: auto;
	color: #fff;
}
#right {
	margin-left: 400px;
	width: 400px;
	height: 400px;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 10px;
}
p {
	font-weight: normal;
	text-align: justify;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	margin-top: 25px;
	font-style: normal;
}
h2 {
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-left: 25px;
	margin-top: 25px;
	font-style: normal;
	color: #03C0F0;
}
h3 {
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin-left: 25px;
	margin-top: 25px;
	font-style: normal;
	color: #fff;
}
img {
	margin-left: 100px;
	border: none;
}
#habillage select, input {
	color: #ffffff;
	border: 1px dotted #ffffff;
	background-color: #261D22;
}
#habillage select:hover, input:hover {
	background-color: #03C0F0;
}
textarea {
	color: #ffffff;
	border: 1px dotted #ffffff;
	background-color: #261D22;
	overflow: auto;
}
fieldset {
	border: none;
}

Merci !


Modifié par yank (29 Nov 2007 - 14:16)

Salut yank ,

dans ton CSS tu as

img {
	margin-left: 100px;
	border: none;
}

qui s'applique à toutes les images, y compris celle de LightBox ...

A+

Heyoan a écrit :
Salut yank ,

dans ton CSS tu as

img {
	margin-left: 100px;
	border: none;
}

qui s'applique à toutes les images, y compris celle de LightBox ...

A+

Merci !

C'est ce que je disais, une connerie