Impossible de position mes divs de façon fixe dans mon template

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Impossible de position mes divs de façon fixe dans mon template

    Bonjour,

    Je peine depuis un bon moment, alors je lance ce message, en espérant que qq1 puisse m'aider.

    Voilà, j'ai créer mon template avec des blocs et des positions dans ces blocs. Le code PHP de ma page index est le suivant:

    <div id="containerhaut">

    <div id="top">
    <jdoc:include type="modules" name="top" style="xhtml" />
    </div>
    <div id="top2">
    <jdoc:include type="modules" name="top2" style="xhtml" />
    </div>
    <div id="topban">
    <jdoc:include type="modules" name="topban" style="xhtml" />
    </div>

    </div>

    <div id="container">

    <div id="nav_left">
    <jdoc:include type="modules" name="left" style="xhtml" />
    </div>

    <div id="centre">
    <jdoc:include type="modules" name="centre" style="xhtml" />
    <jdoc:include type="component" />
    </div>

    <div id="nav_right">
    <jdoc:include type="modules" name="right" style="xhtml" />
    </div>

    </div>


    <div id="containerbas">

    <div id="menubas">
    <jdoc:include type="modules" name="footer" style="xhtml" />
    </div>

    <div id="footer">
    <jdoc:include type="modules" name="footer" style="xhtml" />
    </div>

    </div>

    Dans mon bloc "container", j'ai défini 3 positions: nav_left, centre et nav_right
    mon code CSS est le suivant:

    #container {
    width: 970px;
    margin: 0px auto;
    color: #333;
    border-left:1px solid #ddd8d3;
    border-right:1px solid #ddd8d3;
    }
    #nav_left {
    position:relative;
    left:0px;
    width: 158px;
    font-family: Arial, sans-sherif;
    font-size: 11.5px;
    padding: 0.5em;
    padding-right:1em;
    }
    #centre{
    width: 541px; height:auto;
    position:relative; top:0px; left:180px;
    margin:0;
    font-family: Arial, sans-sherif;
    font-size: 12px;
    text-align: justify;
    border-left: 1px solid #ddd8d3;
    border-right: 1px solid #ddd8d3;
    border-bottom: 1px solid #ddd8d3;
    padding-left:2em;
    padding-right:2em;
    padding-top:0.5em;
    padding-bottom:1em;
    }

    #nav_right {
    position:relative;
    float:right;
    top:Opx;
    width: 150px;
    font-family: Arial, sans-sherif;
    font-size: 11px;
    background-color: transparent;
    margin: 0;
    padding: 1em;
    }


    Mais le problème est le suivant: quand l'espace "Nav_left" dans mon site est vide, tout se positionne comme il faut. En revanche, dès que mon menu apparait dans Nav_left, alors tout mon bloc "centre" descend en dessous au lieu de rester bien positionné à droite de nav_left...

    Quelq'un pourrait-il m'aider?

    D'avance merci !

  • #2
    Re : Impossible de position mes divs de façon fixe dans mon template

    tu as essayé en diminuant tes paddings? a mon avis il descend car detu depasse peut etre les 970px au total.....

    Commentaire


    • #3
      Re : Impossible de position mes divs de façon fixe dans mon template

      Merci pour ta réponse.
      J'ai essayé oui, cela ne change rien...
      Finalement après maintes tentatives, j'ai opté pour du "float: left" et ai abandonné le code avec les "positions"... Là ça fonctionne.

      Commentaire


      • #4
        Re : Impossible de position mes divs de façon fixe dans mon template

        salut
        j'ai passé ton sujet en "Réglé", penses à le faire la prochaine fois
        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
        http://www.template-creator.com Outil de création de templates
        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X