[Résolu] Problème Media query mobile

Bonjour,

j'ai modifié ma feuille de style pour adapter mon site aux mobiles.
cela fonctionne très bien quand je regarde la page sur un iphone, avec uniquement la partie modifiée pour mobile, puis quand j'ajoute la partie modifiée dans la feuille de style principal, ça ne fonctionne plus.
Je ne comprends pas pourquoi, j'aurais besoin d'un petit coup de main.
je vous remercie.

http://www.scripophilie-corse.com/
Modifié par Julien2B (12 Apr 2012 - 19:28)

Salut,

Au niveau du sélecteur #bloc_page, il y a des propriétés min-width et max-width qui traînent et dont la valeur n'est pas modifiée.

je te remercie infiniment, ça fonctionne à présent.
j'ai encore quelques petits réglage à faire, et tout sera parfait.
merci encore.
j'ai ajouté ceci,

#bloc_page {
width : auto ;
max-width: 700px;
min-width: 240px;

au lieu d'ajouter max-width: auto;min-width: auto;.

http://www.scripophilie-corse.com/
Modifié par Julien2B (12 Apr 2012 - 19:27)

Pour information, la valeur par défaut de min-width est 0 et celle par défaut de max-width est none.

Victor BRITO a écrit :
Pour information, la valeur par défaut de min-width est 0 et celle par défaut de max-width est none.

Oui, cela supprime les contraintes.

j'ai bien avancé dans la version mobile de mon site, j'ai résolu mon problème de tableau, qui ne voulait pas se redimensionné correctement en format mobile, j'ai trouvé la solution avec cet article http://www.alsacreations.com/tuto/lire/1038-gerer-debordement-contenu-et-cesures-css.html merci!!.

j'ai abordé un autre problème, mais je ne trouve pas la solution, j'ai fait avec Fotorama, une galerie photo jQuery, je pensais quelle s'adaptait aux mobiles, mais non, j'ai essayé de bidouillé dans le code, mais ça a l'air un peu trop complexe pour moi, si quelqu'un à quelque piste pour me mettre sur la voie, ça serait bienvenu.
http://www.scripophilie-corse.com/buvard-mattei-capcorse.html

Après avoir essayé de beaucoup de manière, c'est toujours la même chose, l'image de la galerie dépasse toujours en version mobile. je ne sais plus comment je pourrais faire, si quelqu'un avait le temps de regarder et de me diriger vers une solution, ça serait vraiment très bien. merci d'avance.

Julien2B a écrit :
Après avoir essayé de beaucoup de manière, c'est toujours la même chose, l'image de la galerie dépasse toujours en version mobile. je ne sais plus comment je pourrais faire, si quelqu'un avait le temps de regarder et de me diriger vers une solution, ça serait vraiment très bien. merci d'avance.

Le lien vers le tutoriel d'Alsacréations que tu as indiqué comporte l'astuce permettant d'y remédier.

je me doute que la réponse à mon problème se trouve dans la page du lien, je pense qu'il faut que je mette un max-width: 100%.
j'ai essayé de nombreuses manières, sans avoir réussi.
comme celle la.

 .fotorama { max-width: 100% }    

  <div class="fotorama" data-width="499" data-height="333">
<a href="mattei/mcap.jpg"><img src="mattei/Mcap0.jpg" alt="Buvard DAMIANI DAMIANI FACE 1" ></a>
<a href="mattei/mcave.jpg"><img src="mattei/Mcave0.jpg" alt="Buvard MATTEI CAVE" ></a>
<a href="mattei/mclaire.jpg"><img src="mattei/Mclaire0.jpg" alt="Buvard MATTEI CAP CORSE (CLAIRE)" ></a>
</div>   

j'ai trouvé!!!!
il fallait mettre 100%

 <div class="fotorama" data-width="100%" data-height="100%">