Discussion :

[DevilYann]

Bonjour à tous

Je désespère, besoin de votre aide...
J'ai rendu le blog wordpress d'un client responsive design, donc adaptable aux petites résolutions comme tablettes ou smartphones : http://www.intotheminds.com/blog/

Ce n'est pas la première fois que je le fais, mais là... il ne se passe rien sur tablettes et smartphones... Pourtant quand on réduit le navigateur, on voit bien que les règles à 980px et 800px marchent sur micro.
Sur tablettes et smartphones, seule celle à 980px marche, mais en dessous de cette config il ne se passe rien...

Voilà un bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@media screen and (max-width: 980px) {
 
	img.link-global{display:none;}
	div#header{height:auto;}
	div#header div.social{display:block; margin:30px 0; text-align:center}
	div#header div.social img{margin:0 5px;}
 
}
 
@media screen and (max-width: 800px) {
 
	div#page{width:100%;}
 
	div#header img#fourmis{display:block; margin-bottom:20px; max-width:100%}
 
        ......
        ......
        ......
}

Je ne comprends pas, j'ai eu beau faire tous les tests (suppression de code et notamment des largeurs fixes sur le blog au dessus de 800px, dichotomie etc etc...), aucun résultat probant...

Merci d'avance pour votre aide

[raydenprod]

Hello,

peux-tu s'il te plaît poster ton HTML ?
Je viens de vérifier sur le site en ligne et les appels ne me semblent pas bien pris en compte.
A voir sur le html

[DevilYann]

MErci de te soucier de moi
Quelle partie html veux tu que je poste ?

D'ailleurs voici le fichier css responsive design :
http://www.intotheminds.com/blog/wp-...ime=1360161308
Je l'ai externalisé alors qu'avant il était dans le fichier css principal, au cas où pour voir si cela marchait mieux, mais sans résultat