[CSS] Positionner un bloc sous des blocs positionnés en abso

Discussion dans 'Administration d'un site Web' créé par Bobez, 8 Juin 2004.

  1. Bobez
    Bobez WRInaute impliqué
    Inscrit:
    20 Mai 2004
    Messages:
    644
    J'aime reçus:
    0
    Bonjour,

    J'essaie d'expliquer mon problème : je positionne deux blocs (un à gauche et un à droite) en absolu, blocs dont la largeur est fixe mais pas la hauteur.
    Or j'aimerais, sous ces deux blocs, positionner un autre bloc (que je ne peux pas positionner en absolu, vu que la hauteur à laquelle il est positionné sera variable car dépendante des deux autres). Comment faire ?

    Merci :wink:
     
  2. lou
    lou WRInaute occasionnel
    Inscrit:
    9 Mai 2004
    Messages:
    404
    J'aime reçus:
    0
    bah les positionner dans le même bloc en absolute.
    <div="blocabsolu">
    <div="bloc1"></div>
    <div="bloc2"></div>
    <div="bloc3"></div>
    </div>
     
  3. Bobez
    Bobez WRInaute impliqué
    Inscrit:
    20 Mai 2004
    Messages:
    644
    J'aime reçus:
    0
    Merci, finalement j'ai résolu le problème que j'avais autrement lol :p
     
  4. yanhl
    yanhl WRInaute impliqué
    Inscrit:
    4 Décembre 2003
    Messages:
    655
    J'aime reçus:
    0
    excellent ton encodage d'adresse mail ! ;-)
     
  5. deweerdt
    deweerdt WRInaute impliqué
    Inscrit:
    12 Août 2003
    Messages:
    701
    J'aime reçus:
    0
    Je sors un peu du sujet mais juste pour dire qu'il y a de meilleurs méthodes, qui marchent aussi sur des navigateurs n'ayant activé le javascript, comme les équivalences HTML pour chaque lettre, j'ai fait ça sur mon site et pour le moment aucun spam sur cette adresse depuis 2 ans.
     
  6. yanhl
    yanhl WRInaute impliqué
    Inscrit:
    4 Décembre 2003
    Messages:
    655
    J'aime reçus:
    0
    alors Bobez est tranquille pour 10 ans ! ;-)

    edit : perso j'ai fait un formulaire, comme ça je suis tranquille aussi ;-)
     
  7. yannouk
    yannouk WRInaute passionné
    Inscrit:
    11 Octobre 2003
    Messages:
    1 559
    J'aime reçus:
    0
    deweerdt > on peut connaitre la fameuse methode? :) on trouve-t-on ces equivalences HTML
    ?
    thx
     
  8. DAVID86
    DAVID86 WRInaute impliqué
    Inscrit:
    15 Octobre 2003
    Messages:
    803
    J'aime reçus:
    0
    ça m'intéresse de savoir comment! :oops:
     
  9. Bobez
    Bobez WRInaute impliqué
    Inscrit:
    20 Mai 2004
    Messages:
    644
    J'aime reçus:
    0
    hehe, j'ai fait ça en speed, mais c'est seulement temporaire, ensuite j'utiliserai un formulaire pour la partie contact :wink: Par contre, je risque d'avoir besoin d'une autre technique pour prévenir les emails de mes membres du spam, car celle là est efficace mais un peu lourde en code (et puis c'est du javascript) :p

    Ben en fait, je me suis rendu compte que j'avais posé la mauvaise question :wink: Ce que je voulais faire en fait, c'est positionner mes deux premiers blocs en absolu car je voulais placer le code du premier en bas de page (car son contenu n'est pas très intéressant). Mais en fait, il suffisait de positionner uniquement ce bloc là en absolu...celui de droite est placé en relatif, et du coup celui du dessous suit la cadence :wink:

    Mon problème maintenant, c'est gérer l'extension de l'un ou l'autre des blocs quand l'autre devient plus grand...et là c'est une autre histoire... :? Quand c'est celui de droite (en relatif) qui est plus grand, c'est bon, ça ne dégénère pas...par contre, quand c'est le bloc en absolu, ben il se met à chevaucher le bloc du dessous, c'est assez catastrophique... :(
     
  10. Bobez
    Bobez WRInaute impliqué
    Inscrit:
    20 Mai 2004
    Messages:
    644
    J'aime reçus:
    0
    Est-ce que vous pensez que si je met mon bloc en absolu et mon bloc en relatif dans un bloc conteneur, ça résoudrait le problème ?
    Dès que j'ai un moment, j'essaye...
     
  11. deweerdt
    deweerdt WRInaute impliqué
    Inscrit:
    12 Août 2003
    Messages:
    701
    J'aime reçus:
    0
    Regarde la source de cette page : www.jeuxcasio.com/modules.php?name=Feedback (juste au niveau des adresses mail, si tu regardes le reste tu vas prendre peur).
     
  12. Eservice
    Eservice WRInaute passionné
    Inscrit:
    18 Septembre 2002
    Messages:
    1 200
    J'aime reçus:
    0
    Bonjour Bobez,
    le problème d'un bloc absolu est qu'il sort complètement du flux naturel de la page, et ne tient donc aucun compte des autres blocs, d'où le chevauchement.

    Une solution qui fonctionne sur les 5 navigateurs graphiques que j'ai testé, est d'utiliser les blocs flottants. Un exemple simplifié :
    CSS
    Code:
    #gauche { float:left; width:x%; }
    #droite { float:right; width: y%; }
    #dessous { clear:both; width:100%;  }
    XHTML
    Code:
    <div id="gauche">........</div>
    <div id="droite">........</div>
    <div id="dessous">........</div>
    Le bloc "dessous" va se positionner dans tous les cas sous le plus haut des 2 autres.
     
  13. tradjus
    tradjus WRInaute discret
    Inscrit:
    4 Avril 2004
    Messages:
    167
    J'aime reçus:
    0
  14. Bobez
    Bobez WRInaute impliqué
    Inscrit:
    20 Mai 2004
    Messages:
    644
    J'aime reçus:
    0
    Merci à toi Eservice, je vais tester ça :)
    Et merci aussi aux autres pour l'histoire du camouflage des emails.
     
  15. Bobez
    Bobez WRInaute impliqué
    Inscrit:
    20 Mai 2004
    Messages:
    644
    J'aime reçus:
    0
    J'ai testé cette histoire de float et effectivement ça fonctionne :) J'ai encore quelques problèmes de background mais le principal est là, merci :D
     
Chargement...
Similar Threads - [CSS] Positionner bloc Forum Date
[CSS]Positionner la colonne centrale en haut du source Développement d'un site Web ou d'une appli mobile 29 Mars 2009
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
[CSS] Overflow, float:right, et internet explorer Développement d'un site Web ou d'une appli mobile 10 Août 2009
[css] <li> image en vertical-align:bottom Développement d'un site Web ou d'une appli mobile 18 Juillet 2009
[CSS] bouton non cliquable Développement d'un site Web ou d'une appli mobile 16 Juillet 2009
[CSS] IE8 Développement d'un site Web ou d'une appli mobile 15 Juillet 2009
[CSS] decalage image et texte Développement d'un site Web ou d'une appli mobile 18 Juin 2009
[CSS] : scroller overflow et ie6 :-( Développement d'un site Web ou d'une appli mobile 12 Mai 2009
[CSS] bouton submit + image arriere plan Développement d'un site Web ou d'une appli mobile 20 Avril 2009
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[CSS] L'élément body Développement d'un site Web ou d'une appli mobile 21 Décembre 2008
[CSS] : menus déroulants Développement d'un site Web ou d'une appli mobile 15 Décembre 2008
[CSS] : problème de mise en page FF3 Développement d'un site Web ou d'une appli mobile 31 Août 2008
[CSS] (encore!) pas compatible FF Développement d'un site Web ou d'une appli mobile 30 Juin 2008