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 :

[HTML][CSS]mettre un div flottant


Sujet :

CSS

  1. #1
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut [HTML][CSS]mettre un div flottant
    Bonjour je voudrais mettre sur la premiere page de mon site un div qui contiendrait une photo et respectant ces caractéristiques.
    - toujours en bas a gauche de la page
    - n influt pas du tout sur le reste du contenu, une sorte de div qui serait "superposé" sur le reste de la page, comme un calque (sans utiliser layer)

    merci

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Salut !

    pourquoi ne pas utiliser
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    position : fixed;
    bottom : 0px;
    right : 0px;
    ??

    attention, pour IE il faudra ruser (cf FAQ ou Codes)
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut
    oui mais si a la suite je met du contenu par ex un autre div...celui ci va t il se placer "à côté" ou "en dessous"
    ce que je veux dire c est est que la présentation naturelle (sans css) du reste du contenu changera de place à cause de la présence de ce nouveau div?

  4. #4
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    heu... j'ai pas compris ce que tu voulais dire là...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  5. #5
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut
    si j ecris
    <link rel="stylesheet" type="text/css" href="flottant.css"/>
    ...
    <div class="flottant">hello</div>
    <div>a cote</div>

    dans le css
    .flottant{
    width: 200px;
    background-color: Aqua;
    height:100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    }


    et bien le div flottant sera a gauche du suivant alors que je souhaiterais que celui ci soit en dessous!

  6. #6
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut
    suite a la demande voici les fichiers concernés
    vous voyez bien que les div ne sont pas du tout superposées...or c est ce que je souhaiterais faire

  7. #7
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    j'ai testé sous Firefox il sont bien superposés...

    Si tu tests sous IE, comme je te l'ai signalé, ça ne fonctionne pas...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  8. #8
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    j'aurais tendans moi aussi a utiliser position:fixed; ca ne fonctionne vraiment pas? j'aidu mal a voir le probleme avec cette position...

    Sinon tu peux utiliser
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    position:absolute;
    Tu le place ensuite en bas a gauche et hop c'est terminer il n'influera en rien sur les autre puisqu'il est retiré du flux...

  9. #9
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut
    ok c bon merci!

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

Discussions similaires

  1. [HTML][CSS]tableaux div excel
    Par philippe281281 dans le forum Mise en page CSS
    Réponses: 16
    Dernier message: 26/06/2006, 11h22
  2. [HTML & CSS] Une marge sur un titre déplace le div
    Par Yoshidu62 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 28/04/2006, 11h50
  3. [HTML & CSS] Positionnement DIV
    Par Yoshidu62 dans le forum Mise en page CSS
    Réponses: 38
    Dernier message: 26/04/2006, 17h14
  4. [HTML & CSS]Centrage d'un div
    Par jowo dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 25/04/2006, 10h38

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