Décalage et problème d'alignement + jQuery

Fermé
capla - Modifié par capla le 27/11/2010 à 21:25
 capla - 27 nov. 2010 à 21:31
Bonjour,

Ca fait déjà quelques jours que je n'arrive pas à trouver la solution.

http://cavalet.net/poshtarov/po2010/docs/_photos.html

Enfin il s'agis d'un décalage qu'on appérçoit dans tous les browsers. Le problème doit être quelque part dans l'alignement horizontal du #contenu. Essayez avec la première image. Lorsqu'on clique sur la première image pour l'agrandir on voit un petit décalage à gauche de quelques pixels. Des fois il faut visualiser la page en fullscreen dans le browser pour bien capter le problème.

Le deuxième problème c'est que dans IE le changement (fadeOut et fadeIn) n'est pas assi doux mais bien trop brusque:

jQuery(document).ready(function(){jQuery(".opencrea1").click(function(){jQuery("#contenu2").fadeIn(200);jQuery("#contenu").fadeOut()})});

jQuery(document).ready(function(){jQuery(".close").click(function(){jQuery("#contenu2").fadeOut(1000);jQuery("#contenu").fadeIn()})});


1 réponse

Et pourtant le CSS et identique:

body {
font-family: Calibri, Arial;
font-size: 90%;
margin-top: 0px;
}
#contenu {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
line-height: 100%;
width: 800px;

ET POUR L'IMAGE:

#contenu2 {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
line-height: 100%;
background-color: #FFF;
z-index: 1000;
width: 800px;
}
0