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 :

Gérer le positionnement avec le CSS


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut Gérer le positionnement avec le CSS
    Bonjour,

    Je rencontre quelques soucis avec le positionnement de mes blocs div.

    Voici la page test

    Je souhaiterai que mon foot de couleur verte soit placé sous les colonnes et que celles-ci soient l'une à coté de l'autre. Pouvez-vous me donner un coup de main s'il vous plaît.

    Voici ma feuille de style

    Merci d'avance

  2. #2
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Tu utilises un positionnement absolu qui te fait sortir certains block du flux, alors que d'autres n'ont pas de positionnement défini, ils se placent donc à la suite dans le flux.

    D'autre part, les id doivent être unique dans une même page, ce n'est pas ton cas puisque tu utilises plusieurs fois rightcol et leftcol.

    Utilise des class si tu veux pouvoir les utiliser plusieurs fois.

    Pour ton problème de positionnement, tu peux essayer avec des float, mais ça dépend de l'effet que tu cherches à avoir.

  3. #3
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut
    Bonjour

    Merci pour ces éléments de réponse.

    J'ai avancé un tout petit peu. Je replace le lien vers la page de test.

    Je ne comprends pas la colonne Contact me devrait être positionnée sous celle intitulée Who ami et le foot lui, fait toujours ce qui lui plaît.

    Voici ma feuille de style.

    Un petit coup de main s'il vous plaît, merki

  4. #4
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Sache que sur IE 6, ton footer est bien tout en dessous, ce n'est pas le cas sous FF en revanche...pourquoi ?

    Il te manque : "clear:both"
    Ca permet au footer de se réaligner tout en bas du flux.

    Pour ce qui est de ton "Contact" qui n'est pas à sa place, c'est normal.
    Il faut que ton rightCol ait un positionnement et une largeur.
    Rajoute : "float:right; width:300px;" et normalement tout devrait marcher.


    PS : On dit pas "specialized in Unix" plutôt que "specializing" ?

  5. #5
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut
    Tout fonctionne, merci beaucoup

    Citation Envoyé par Er3van Voir le message
    PS : On dit pas "specialized in Unix" plutôt que "specializing" ?
    Heu il me semble que l'on peut dire les deux du moins la traduction est la même

  6. #6
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Arf, autant pour moi, mon dico te soutiens, deux possibilités.... ^^

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

Discussions similaires

  1. Positionner avec du CSS dans un code PHP
    Par lebonvieuxnovice dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 02/09/2009, 11h28
  2. Problème de positionnement avec les css
    Par vidocq dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/04/2006, 13h40
  3. [CSS]Problème de positionnement avec div
    Par Tueur_a_gage dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 25/10/2005, 23h48
  4. Gérer les queue avec sql server ?
    Par devdev dans le forum MS SQL Server
    Réponses: 8
    Dernier message: 17/06/2004, 17h38
  5. Gérer un moteur avec un 6809
    Par copro dans le forum Autres architectures
    Réponses: 5
    Dernier message: 05/04/2004, 14h23

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