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 :

Mise en page


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2011
    Messages : 66
    Par défaut Mise en page
    Bonjou,

    je débute avec le CSS et je n'arrive pas à mettre en forme deux de mes pages web.

    Sur l'image ci dessous :
    La div en noir est ok.
    La div rouge est un menu que j'ai mis en float left et est ok.
    Ce sont les divs orange et la verte que je n'arrive pas à mettre en forme.
    La div verte est systématique sur la page mais le nombre de div orange est dynamique et ont une taille fixe.

    Nom : DivDetail.png
Affichages : 81
Taille : 7,1 Ko

    Sur l'image ci dessous :

    La div en noir est ok.
    La div rouge est un menu que j'ai mis en float left et est ok.
    Ce sont les divs verte que je n'arrive pas à placer, leurs nombre est dynamique et ont une taille fixe.

    Nom : DivEspacePerso.png
Affichages : 89
Taille : 7,4 Ko

    Merci aux bonnes âmes qui me conseilleront.

  2. #2
    Membre Expert

    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2013
    Messages
    1 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : développeur

    Informations forums :
    Inscription : Octobre 2013
    Messages : 1 583
    Par défaut
    Bonjour, aurai tu du code? joue sur la position relative

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2004
    Messages
    189
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 189
    Par défaut
    En se basant sur le 1er dessin, tu pourrais peut être :
    - encadré les div rouge, orange et vert avec un div avec un clear; both
    - mettre le div rouge en float: left;
    - encadré les div orange et vert avec un div en float: left et with: XXXXpx
    - en cadré les div orange avec un div en clear: both;
    - ajouter sur les div orange un float : left

  4. #4
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2011
    Messages : 66
    Par défaut
    Bonjour,

    merci Slayes, il manquait juste un clear : both sur la div verte et s'est ok

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

Discussions similaires

  1. [VB6+API][Impression] Mise en page
    Par HPJ dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 06/09/2004, 17h11
  2. [CR.NET][VS.NET] mise en page et sections
    Par guignol dans le forum SDK
    Réponses: 8
    Dernier message: 06/08/2004, 15h07
  3. mise en page (Header and Footer) en XML-XSL.
    Par christine dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 01/03/2004, 16h31
  4. [CR] Mise en page
    Par akolyto dans le forum SAP Crystal Reports
    Réponses: 4
    Dernier message: 14/10/2003, 12h22
  5. [mise en page] pour bien indenter son code
    Par bihorece dans le forum C++Builder
    Réponses: 4
    Dernier message: 06/08/2003, 16h14

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