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 Div à droite


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Avril 2011
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 1
    Par défaut Positionnement Div à droite
    Bonjour,
    J' ai un problème de positionnement d' un DIV footer (dont les fichiers sont ci joint)
    J' ai un fichier Index.php (voir le répertoire template) avec un DIV class="footer"
    je voudrais le positionner en bas à droite, or à chaque fois que je fais la visualisation, rien à faire, que ce soit dans internet explorer, firefox ou chrome, le div footer se retrouve dans le contenu du header ?
    Pouvez vous me dire pourquoi ?
    Merci de votre aide
    Fichiers attachés Fichiers attachés

  2. #2
    Membre émérite Avatar de Atomya Rise
    Femme Profil pro
    Développeuse Web
    Inscrit en
    Février 2009
    Messages
    443
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeuse Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2009
    Messages : 443
    Par défaut
    Bonjour.

    Le mieux serais que tu affiches le code correspondant à ta demande, plutôt qu'un fichier .zip que peux regarderons.

    Je n'ai pas regardé ta source, mais pour positionner ta div à droite, tu peux éventuellement utiliser un float:right dans ta class.

  3. #3
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    tu peux aussi utiliser un spacer de ce genre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="clear:both;"></div>
    Il faut le mettre juste avant ton footer.

  4. #4
    Membre émérite Avatar de fallais
    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    Juillet 2006
    Messages
    858
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux

    Informations forums :
    Inscription : Juillet 2006
    Messages : 858
    Par défaut
    Séparation de la présentation et du contenu, alors oui en pratique c'est pas toujours vrai, mais personnellement je suis opposé au fameux blocs vides pour servir de séparateurs.

    Il y a moyen de faire ça proprement, il suffit de prendre le temps de dessiner la maquette de ce que l'on veut sur papier. Le codage dure moins longtemps ensuite.

  5. #5
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Je suis pas vraiment fan non plus mais j'avais utilisé ça parce-que j'avais essayé de faire tout ce que je connaissais pour arriver à ce résultat et que ça n'avait rien donné, malgré un plan de page assez réfléchit et je pense plutôt bien construit.

    C'était une des premières solutions que j'avais trouvé en cherchant sur le web et j'avais suffisamment perdu de temps.

    Après c'est vrai qu'il y a certainement moyen de s'en passer mais je n'avais pas trouvé...

  6. #6
    Expert confirmé
    Avatar de vodiem
    Homme Profil pro
    Vivre
    Inscrit en
    Avril 2006
    Messages
    2 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Vivre
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 895
    Par défaut
    salut Atomya Rise, Ceddoc, Elwyn et bienvenu atom69,

    retire dans MainPage.css ligne 40:

Discussions similaires

  1. pb positionnement div sous IE
    Par bogsy15 dans le forum Mise en page CSS
    Réponses: 32
    Dernier message: 09/10/2006, 15h59
  2. Comment positionner les droits sur un répertoire?
    Par RolandB dans le forum Général Java
    Réponses: 8
    Dernier message: 07/10/2006, 02h23
  3. [W3C / DIV] positionnement DIV perturbés
    Par speedev dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 07/08/2006, 11h01
  4. [HTML & CSS] Positionnement DIV
    Par Yoshidu62 dans le forum Mise en page CSS
    Réponses: 38
    Dernier message: 26/04/2006, 17h14
  5. [HTML]Positionnement DIV
    Par flzox dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/07/2005, 09h44

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