web-dev-qa-db-fra.com

Comment utiliser des éléments ID CSS imbriqués

J'utilise un modèle qui utilise le code suivant en haut du conteneur.

<?php if ($this->countModules('advert')) : ?>
<div id="fav-verytop" class="container-fluid" >
    <jdoc:include type="modules" name="advert" style="icon" />
    <div class="row-fluid">
        <div id="fav-advert" class="span12">
            <jdoc:include type="modules" name="advert" style="icon" />
        </div>
    </div>
</div>

Ce code charge correctement un module dans la position "annonce" dans Chrome, mais Firefox et Android chargent le module deux fois. C’est-à-dire un en haut à gauche du conteneur principal et une fois de plus dans un fluide rangée juste en dessous du premier chargement.

Les classes container-fluid et span12 font partie du site de démonstration Joomla bootstrap css.: Démo ). Toutes les idées seront appréciées. J'ai utilisé Web Developer dans Firefox et je peux voir les différentes valeurs div et css, etc. Cela a été un véritable blocage du cerveau.

1
Phil Schaming

Le code tel qu'écrit chargeait le module deux fois. Le correctif consistait à supprimer cinq lignes de code pour éviter la deuxième charge du module. C'est le code fixe final:

<?php if ($this->countModules('advert')) : ?>
<div id="fav-verytop" class="container-fluid" >
    <jdoc:include type="modules" name="advert" style="icon" />
</div>

Le module se charge maintenant une fois comme il se doit.

Lors de l'utilisation de Chrome, l'utilisation de Ad Blocker empêchait Chrome d'afficher le module une deuxième fois, ce qui fournissait une anomalie qui faisait croire au PO qu'il s'agissait d'une incompatibilité de navigateur plutôt que d'un problème de code.

0
Phil Schaming