🌍
Français
Zaphod a écrit:
Oui, c'est un défaut connu.
Je ne vois pas d'autre manière de faire à part en utilisant un script de redim automatique en fonction de la largeur dispo, ce qui ne me semble pas forcément souhaitable de base.
La solution est de choisir une taille d'image (dans les options en haut) adaptée à son écran.
J'ai fait un petit essai rapide:
En mettant :
#imageInfos {
position: absolute;
right: 0px;
top: 0px;
}
et en enlevant la réduction à 75% de #theImage avec .infoShown
#theImage {
width: 75%;
}
J'arrive à tout avoir comme il faut. ;)
EDIT: Ajout du "top:0px;"
Dernière modification par notph (2012-05-25 02:38:15)
Hors ligne
J'essaierai ta solution.
J'avais eu pas mal de soucis pour avoir un truc potable avec tous les navigateurs (ie7 8 9, firefowx, chrome opera safari etc...) car sur ce genre de mise en page ça ne se joue souvent à pas grand chose.
Je n'ai pas forcément essayé ça, donc ça vaut le coup de tenter, de toutes façons.
Quel est le résultat final ?
L'image est redimensionnée ?
Hors ligne
J'ai inscrit ça :
#imageInfos {
position: absolute;
right: 0px;
top: 0px;
}
#theImage.infoshown {
width: auto;
}Ca donne ça :
http://www.audreyetjulien.fr/betatest/p … category/1
Je ne suis pas hyper convaincu de ce que ça donne car sur les grands écrans l'image se retrouve complètement alignée à gauche au lieu d'être centrée dans les 75%.
Accessoirement (mais ça n'a rien à voir) il y a un gros problème d'affichage avec IE9.
Le menu s'affiche entièrement avant de se cacher.
Je pensais avoir réglé ça, mais a priori ça n'est pas le cas... si quelqu'un a une idée...
Hors ligne