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 :

Positionnement de colonnes: centré sur le milieu de la page


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    146
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 146
    Par défaut Positionnement de colonnes: centré sur le milieu de la page
    B'jour!

    J'ai un soucis qui me perturbe jusqu'à tard dans la nuit

    J'ai un site web avec trois colonnes. Tout le style CSS est fait, il me plait bien, et ne semble pas souffrir de soucis particulier quand on le maltraite un peu. Sauf dans le cas d'un redimensionnement...

    En effet, plus je rétrécis la page, plus mon menu de gauche disparait En fait, le centre de la page reste visible tout le temps, quoi que je fasse, au détriment de de la colonne de gauche et de droite.
    Si j'active une barre de défilement horizontale, je peux avoir accès à ma colonne de droite, mais pas mon fameux menu de gauche.

    Pour info, mes trois colonnes sont disposées en float:left.

    J'aimerai avoir des avis afin de savoir les éléments que je dois vérifier en premier lieu, en prenant en compte les éléments que je vous ai donné. Pour le moment j'aimerai tenter de le résoudre sans vous montrer le code

    Si vous séchez aussi, je vous ferai part du code.

    Merci en tout cas de votre aide!

    David

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Salut, on veut bien avoir le code, ou mieux, un exemple en ligne. Tu dois avoir un autre style qui entre en conflit, des colonnes simplement en float ne peuvent pas se chevaucher.

  3. #3
    Membre chevronné Avatar de desert
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 414
    Par défaut
    Bonjour,
    Comment as-tu définis la largeur de tes colonnes ? Les 3 ont-elles une largeur calculée en % ?
    Avec une mise en page à 3 colonnes, c'est très souvent la colonne du milieu qui varie (largeur en %) et les deux autres qui restent fixes (largeurs en px).

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    146
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 146
    Par défaut
    Bonjour,
    la colonne du milieu est en % et les deux autres en px. Ca ne vient donc pas de ça.

    Je vais réfléchir à quelles parties du code vous montrer car le style CSS est long et ... compliqué.

    Je suis désolé de ma réponse rapide, mais je dois m'absenter.
    Si vous avez d'autres idées comme celles de desert par exemple, je suis preneur

    Merci à vous deux de votre réponse!

    D.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    146
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 146
    Par défaut
    C'est en me résignant à vous copier des lignes de codes que j'ai trouvé le soucis

    J'avais un conflit de deux lignes en CSS qu'il m'a simplement fallu supprimer:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    margin-left: -480px; 
    left: 50%;
    Cette erreur avait été commise du temps où je n'utilisais qu'une seule feuille de style pour IE et FF. Ces deux lignes étaient donc depuis inutiles et ... nocives

    Merci encore de votre aide!
    Et merci desert pour cette "règle" pour les sites à trois colonnes

    David

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Professionnalisation/Alternance] Prépare DUT informatique et recherche d'un milieu centré sur le dév !
    Par Sand-Saref dans le forum Demandes
    Réponses: 0
    Dernier message: 17/05/2011, 20h43
  2. Somme de colonne comme sur Sql Server
    Par Soulama dans le forum Requêtes et SQL.
    Réponses: 8
    Dernier message: 16/06/2010, 13h51
  3. Tableau 3 colonnes dont celle du milieu toujours centrée
    Par redah75 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 23
    Dernier message: 22/06/2009, 14h23
  4. [VB6]Acces au positionnement d'un ctrl sur une fenêtre...
    Par New dans le forum VB 6 et antérieur
    Réponses: 1
    Dernier message: 05/04/2006, 08h16
  5. Réponses: 3
    Dernier message: 20/10/2005, 20h24

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