Problème de code

santini

Bonsoir à toutes et à tous;
J'ai deux problèmes,

• Sur mon site de teste, lorsque j'essai de sélectionner le texte du footer, et bien tout le site est sélectionner, problème de div ?

• Deuxième problème, mon footer a 3 colonne, pourquoi la 3eme colonne ne ce cale pas en haut du footer comme les deux première ?

CODE PAGE FOOTER:

<?php if (!defined('PLX_ROOT')) exit; ?>


<footer class="footer w100" role="contentinfo">

    <div id="column1">
        <h2>Monsite.fr</h2>
        <p>&copy; 2013 <?php $plxShow->mainTitle('link'); ?> - <?php $plxShow->subTitle(); ?></p>
        <p>Page générée en <?php $plxShow->chrono(); ?>&nbsp;</p>
        </div>

    <div id="column2">
        <h2><?php $plxShow->lang('TAGS') ?></h2>
        <?php $plxShow->tagList('<span class="tag #tag_size"><a class="#tag_status" href="#tag_url" title="#tag_name">#tag_name</a></span>', 20); ?>
        </div>

    <div id="column3">
        <h2>ARCHIVES</h2>
        <?php $plxShow->archList('<li id="#archives_id"><a class="#archives_status" href="#archives_url"title="#archives_name">#archives_name</a> (#archives_nbart)</li>'); ?>
        </div>

</footer>


</div>


</body>
</html>

CODE CSS:

.footer {
float: left;
clear: both;
text-align: left;
background: #99DEAB;
margin-top: 3%;
padding: 1%;
font-weight: bold;
overflow: hidden;
}


.footer p {
font-size: 0.85em;
line-height: 1.5em;
margin: 0 auto;
}


#column1{
    float: left;
        background: #99DEAB;
        width:30%;
        overflow: hidden;
}


#column2{
        float: center;
        background: #99DEAB;
        width:30%;
        overflow: hidden;
}


#column3{
        float: right;
        background: #99DEAB;
        width:30%;
}

En vous remerciant par avance

Francis

Bonjour Santini,
Je viens d'essayer à partir de ton lien et j'arrive à sélectionner le footer seul, sans sélectionner le reste de la page.
Pour le code CSS :

• la propriété float: center; n'existe pas
• il vaudrait mieux utiliser la méthode grid
  ► exemples grid très simples ici : https://gridbyexample.com/examples/
  et description plus complète de la méthode grid ici : https://css-tricks.com/snippets/css/complete-guide-grid/

santini

Bonsoir Francis, un grand merci pour ce liens très instructif, j'ai enfin réussie a obtenir le résultat que je voulais.
Je garde ton lien de coter il est très utile