IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Décalage des div selon la taille de l'écran


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Webmaster
    Inscrit en
    Mars 2003
    Messages
    898
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 76
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Mars 2003
    Messages : 898
    Par défaut Décalage des div selon la taille de l'écran
    Bonjour,

    J'ai mis un site en ligne http://www.associationculturelletroi...p?page=accueil mais je me rends compte que j'ai plusieurs problèmes :
    - j'ai construis le site sur un écran de 17 pouces et quand il est plus petit la photo du titre du site passe sous les 2 photos de gauche et du coup tout est décalé
    - sur ma page d'accueil j'ai 3 div : une contient des photos, une autre située à côté contient du texte et une autre à droite contient aussi des photos. Pour que la 3è s'affiche comme je veux j'ai du mettre margin-top:-1100px. Je voudrais savoir si c'est correct.
    je joins ma page index.php, ma page accueil.php et ma page style.css

    Merci de me dire comment je peux résoudre ces problèmes.
    Fichiers attachés Fichiers attachés

  2. #2
    Membre éprouvé Avatar de Azerx
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 116
    Par défaut
    Bonjour,
    renseigne toi sur le "responsive design" c'est ça qu'il te faut (des cours sont disponibles sur ce site)! En tout cas sur mon écran 4:3 ton site est illisible!

  3. #3
    Membre éprouvé
    Homme Profil pro
    Webmaster
    Inscrit en
    Mars 2003
    Messages
    898
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 76
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Mars 2003
    Messages : 898
    Par défaut
    Merci pour la réponse. je vais regarder tout ça car je ne connais pas du tout "responsive design"
    le site était fait pour pc et pas pour tablette ou smartphone et autre.

  4. #4
    Membre éprouvé Avatar de Azerx
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 116
    Par défaut
    Citation Envoyé par philippef Voir le message
    le site était fait pour pc et pas pour tablette ou smartphone et autre.
    Il n'empêche que pour les (rares) utilisateurs qui utilisent encore du 4:3, le contenu est condensé sur le 1/3 droit de la page, les deux tiers de gauches restant blancs. Donc certains utilisateurs ne peuvent pas naviguer sur ton site!

    Sur chrome et firefox tu as un outil pour "simuler" plusieurs tailles d'écran, tu peux le trouver dans le menu qui s'ouvre quand tu appuies sur F12

  5. #5
    Membre actif
    Avatar de johnrock
    Homme Profil pro
    Inscrit en
    Janvier 2013
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Brazzaville

    Informations forums :
    Inscription : Janvier 2013
    Messages : 40
    Billets dans le blog
    1
    Par défaut Un petit ajout
    Bonjour!
    Puisque tu dis que ton site n'étais pas pas conçu pour être responsive, je te conseille alors de jouer avec la propriété left: 0px;, tout en veillant au positionnement.

  6. #6
    Membre éprouvé Avatar de Azerx
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 116
    Par défaut
    Si tu en as l'occasion, je pense qu'aujourd'hui il est quand même plus pertinent d'être responsive!

Discussions similaires

  1. Afficher masquer alternativement des divs selon leur id
    Par trisbro dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 25/03/2013, 17h39
  2. Décalage des div
    Par koKoTis dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 01/07/2011, 09h42
  3. Créer des div selon variables récupérées
    Par ulfhamir dans le forum Langage
    Réponses: 0
    Dernier message: 30/04/2010, 18h34
  4. Réponses: 3
    Dernier message: 31/01/2008, 10h09
  5. Réponses: 3
    Dernier message: 01/02/2007, 20h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo