1485 sujets

Web Mobile et responsive web design

Salut,
Sur mon dernier projet, j'utilise deux headers. Un en format paysage pour les résolutions de type bureau et l'autre qui est en portrait pour les petites résolutions

Je pensais placer une <figure> vide puis y insérer l'image grâce aux média queries mais ça ne marche pas sous IE. Smiley ohwell

<figure id="slogan"></figure>


#slogan {
content: url(image.png);
}


Ça ne marche avec IE que si j'utilise le bloc d'avant plus ":after" mais là, je perds le coté responsive parce que l'image ne se redimensionne plus.

Du coup, je cherche toujours une solution. Je pense qu'il existe une solution en js ou php avec if et else du genre si la résolution est inférieur à 800px, affiches cette image. Sinon, affiches cette image mais je ne sais pas encore produire ce code.

Quelqu'un pour m'aider s'il vous plait? http://imalbum.aufeminin.com/album/D20070530/283587_ALHZWUIUSZR3FSY2R44I4B51U828L4_chat_botte_H190530_S.jpg