Position vide mais qui apparaît quand même

[MartyFr]

Bonjour,
Je ne suis pas très familier de Joomla mais je commence à me faire à sa logique. Pourtant, j'ai une position qui apparaît dans ma page alors qu'elle n'est utilisée par aucun module. Voici le lien du chantier du site :

https://maffrool.joomla.com/fr/?tp=1

Comme vous pouvez le voir, les positions 4 et 5 apparaissent alors que je n'ai rien dessus (voir image jointe de l'admin).



Merci de vos lumières, c'est sûrement pas grand-chose

[pmleconte]

Re : Position vide mais qui apparaît quand même

Bonjour,

Il n'y a effectivement pas de position 4 ou 5 sur votre affichage.

Je pense que vous avez mal défini la largeur de la colonne principale dans le template beez3, car elle apparaît avec une largeur de 72%.

Essayez de la modifier en mettant 100%. Idem pour Largeur de colonne principale +module.

Ces paramètres sont dans l'onglet "paramètres avancés" du template Beez3.

Pascal

[PieceOfCake]

Re : Position vide mais qui apparaît quand même

Bonjour,

je vais probablement dire une bêtise mais le paramètre tp=1 n'est-il pas justement fait pour afficher toutes les positions disponibles offertes par le template qu'elles soient utilisées ou pas ?

[pmleconte]

Re : Position vide mais qui apparaît quand même

je vais probablement dire une bêtise

: jamais

Si tu regardes le site (sans le tpl), tu verras qu'il y a un espace sur la gauche, mais, je pense que c'est un problème de paramétrage du template. On aura confirmation quand Marty aura vérifié et nous aura dit si cela fonctionne ou pas.....

Pascal

[MartyFr]

Re : Position vide mais qui apparaît quand même

Merci pour vos réponses ! La largeur était en effet à 72%, mais même une fois corrigée la position apparaît toujours. Quelle autre capture d'écran pourrait être utile pour tenter de comprendre ce qu'il se passe ?

[pmleconte]

Re : Position vide mais qui apparaît quand même

Bonjour,

En regardant votre site, on a toujours 72% pour la zone wrapper2. Cela se voit en "inspectant" votre page web avec votre explorateur Internet.

Toujours en inspectant, il n'y a pas de zone à gauche.

https://screenpresso.com/=WTSAc

Pascal

[MartyFr]

En effet... J'ai fait la modification sur mon téléphone et en mode responsive le souci n'apparait pas, je n'ai donc pas testé. J'ai revérifié et j'ai pourtant bien 100 dans le champ du wrapper, mais l'inspection montre 72%, même après avoir vidé les caches...
En plus de ça, j'ai ce code qui apparaît et je ne sais pas d'où ça vient :

<nav class="left1 leftbigger" id="nav" role="navigation"></nav>

J'ai pensé que ça pouvait venir d'un plugin ou d'une extension mais aucune de celles que j'ai testé n'a fonctionné.

Je suis un peu perdu là...

[pmleconte]

Quelle valeur avez-vous dans "Largeur de colonne principale +module" ?

[klarann18]

le problème vient du fichier templates/beez3/css/position.css ligne 173 :

#wrapper2 .item-page {
max-width: 660px;
}

enlève cette règle et ça marchera

[dolmenhir]

le problème vient du fichier templates/beez3/css/position.css ligne 173 :

#wrapper2 .item-page {
max-width: 660px;
}

enlève cette règle et ça marchera

+1
Je dirai même plus, tu peux écrire

#wrapper2 .item-page {
width: 100%;
max-width: 100%;
}

[klarann18]

+1
Je dirai même plus, tu peux écrire

#wrapper2 .item-page {
width: 100%;
max-width: 100%;
}

en fait pas besoin comme c'est une div et donc un élément bloc c'est déjà à width 100% par défaut

[dolmenhir]

en fait pas besoin comme c'est une div et donc un élément bloc c'est déjà à width 100% par défaut

C'est exact... mais si l'attribut width a été défini ailleurs, par exemple sur .item-page, il s'appliquera au détriment des 100% par défaut.
Du coup, la div #wrapper2 .item-page ne sera plus à 100%.
Définir le width empêchera la subsititution.

A noter également : avec un width:100%, si la div a un border, les mesures de ce border s'ajoutent au 100% (parce que c'est un cadre extérieur)
Si le border est épais, la div déborde alors de la fenêtre et provoque l'apparition d'un scroller horizontal).