1485 sujets

Web Mobile et responsive web design

Bonjour,
je suis en train de créer un site et j'ai des soucis de zoom et d'affichage sur tablette et smartphone.
ma structure générale du site (partie utile en 1024 px de large) :
- un header (logo + menu) fixé en haut de l'écran et centré horizontalement
- un slideshow qui doit prendre toute la largeur de l'écran
- une partie rédaction en deux colonnes
- un footer avec un fond qui prend toute la largeur de l'écran

j'ai mis dans mon <head>
<meta name="viewport" content="width=device-width, user-scalable=yes,target-densitydpi=device-dpi, initial-scale=1.0, user-scalable=yes, minimum-scale=0.2, maximum-scale=3.0"/>


Sans succès

le plus simple est d'aller sur le site en question via tablette et smartphone
pour voir les soucis d'affichage et de jeter un oeil au css

j'aimerais également que le site soit toujours centré quelque soit la largeur d'affichage : si je réduit ma fenêtre sur l'ordi, mon header et mon contenu se bloque à gauche, alors que le slideshow continu de se pousser à gauche...

http://www.oc-com-unique.fr/accueil

Merci d'avance à toutes et tous !
Deckard

p.s. je n'ai pas encore optimisé mon CSS, désolé pour les puristes Smiley cligne
Modifié par Deckard (18 Apr 2014 - 16:12)