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 :

Souci au niveau de positionnement des 2 parties


Sujet :

Positionnement en CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut Souci au niveau de positionnement des 2 parties
    Salut à tous,

    J'ai un tout petit souci au niveau de positionnement entre les 2 parties.

    Voici le lien pour l'aperçu de la page et ici pour son habillage.

    Je souhaite afficher la partie "Rubrique" à droite et au même niveau que celui des "corps" bien sur .

    Mais pour l'instant, la partie "Rubrique" est affiché au dessous, je ne sais pas comment y remédier. (seulement je crois avoir une idée qui est le coupable mais je préfère voir vos avis)

    Je vous remercie de vos réponses à venir.

  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
    Tu peux enlever tes float left sur la classe corps, encadre tous tes div corps par un seul que tu mets en float left, et tu donnes à ce nouveau div une largeur qui correspond à celle de tes corps.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    Bien qu'en lisant de ta réponse, je savais déjà que cela ne changerait rien.

    Mais j'ai quand même fait de ce que tu viens de me demander.

    J'ai mis en ligne le CSS à jour, l'affichage n'est toujours pas OK.

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Soit il faudra alongée les 630px du div englobant les rub pour qu'elle puiisent se placer a droite pui ajouter une marge top négative au div des rub pour le faire remonter.
    Soit comme le dis Bisunurs tu places tes dic corps dans un div en float left

  5. #5
    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
    Citation Envoyé par {F-I} Voir le message
    Mais j'ai quand même fait de ce que tu viens de me demander.
    Ah bon ? Et qu'en est-il de :
    Citation Envoyé par Bisûnûrs Voir le message
    encadre tous tes div corps par un seul que tu mets en float left, et tu donnes à ce nouveau div une largeur qui correspond à celle de tes corps.

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    @ Bisûnûrs, je te présente mes excuses, j'avais préparé déjà avant que tu le dise mais j'avais oublié de déplacer un </div>.

    Voir ici, il me reste qu'à trouver la meilleure méthode pour coder au plus propre possible.

    Qu'en pensez-vous que je rajoute margin-left pour les corps (non pardon, pour le DIV d'ensemble des corps) et margin-right pour les rubriques ?

  7. #7
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par {F-I} Voir le message
    Qu'en pensez-vous que je rajoute margin-left pour les corps (non pardon, pour le DIV d'ensemble des corps) et margin-right pour les rubriques ?
    Ça c'est à toi de voir, mais au vu du code actuel, les améliorations ne
    viendraient pas tant de la présentation du document que de sa structuration
    encore défaillante dans le sens par exemple ou certains div pourraient être remplacés par
    des éléments sémantiques (des ul notamment), à moins que ce code ne soit
    que temporaire?

  8. #8
    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
    Au passage, tu div qui encadre les corps est moins large que tes corps en eux-mêmes :

    630px contre 670px

    Personnellement je mettrais une largeur fixe de 870px au div arr_view, avec un margin auto et je mettrais la couleur de fond sur le body.

    Et au final, je sortirais le footer de arr_view à l'instar du header.

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    C'est une très bonne idée pour tes deux derniers points, je vais donc te suivre


    PS : Erwan31, pour moi, ce code est le mieux que je peux écrire et c'est "officielle"... Mais apparemment d'après ta réponse, mon code n'est pas vraiment propre et que je peux faire encore mieux... Je vais donc finir les principaux présentations et venir vous demander qu'est-ce que je peux faire pour améliorer mon codage (sémantique ?)

  10. #10
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    Voilà, j'ai mis en ligne la dernière version de codage. (index et css).

    Comme qu'on va parler d'autre chose (amélioration de codage, comment créer un espace entre "Lien" et "Catégories" de la rubrique, et d'autres petits détails) et on va sortir du sujet initiale, ce soir je posterai des nouveaux posts correspondants...
    Je vous remercie beaucoup pour vos réponses précédents...

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

Discussions similaires

  1. [WS 2008] soucis au niveau du format des date
    Par streetviper dans le forum Windows Serveur
    Réponses: 1
    Dernier message: 18/03/2010, 08h20
  2. [C#] Configuration du niveau de priorite des processus
    Par stephdiplo150 dans le forum Windows Forms
    Réponses: 6
    Dernier message: 22/04/2007, 23h29
  3. souci au niveau de l'ouverture des ports de mon routeur
    Par unix27 dans le forum Sécurité
    Réponses: 7
    Dernier message: 29/04/2006, 22h13
  4. Positionner des cellules dans une page
    Par BBe8127 dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 01/10/2005, 10h25
  5. Positionnement des blocs
    Par Manio 54 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 10/08/2005, 18h05

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