Editions
Voici un petit bug qui m'a pris un peu de temps à résoudre, dont j'ai eu la solution ici http://covertprestige.info/css/float-depassement/page2.html
----------------
Le code en bas de page :
<div class="footer">
<div class="block widget widgetShortcutHeader">
</div>
<div class="block widget widgetLastElements actu">
</div>
<div class="block widget widgetLastElements actu">
</div>
<div class="block widget widgetLastElements">
</div>
<div class="block widget widgetLastElements">
</div>
<div class="art-footer-text widgetShortcutFooter mentionslégales">
</div>
</div>
Je voulais tous mes block en float:left; et mes mentions légales en bas de page (clear:both;)
ainsi j'avais les CSS suivant :
.footer .block {float:left;}
.footer .mentionslégales {clear:both}
exemple valide ce jour sur mon site de vente de confitures : http://confitures-et-biscuits.fr
----------------
Sous ie7 comportement bizarre, je ne voyais plus rien dés que le CSS clear:both; était actif....
---------------
La solution à été de déclarer le CSS suivant, dans le div encapsulant "footer" : .footer {overflow:auto;}
----------------
Le code en bas de page :
<div class="footer">
<div class="block widget widgetShortcutHeader">
</div>
<div class="block widget widgetLastElements actu">
</div>
<div class="block widget widgetLastElements actu">
</div>
<div class="block widget widgetLastElements">
</div>
<div class="block widget widgetLastElements">
</div>
<div class="art-footer-text widgetShortcutFooter mentionslégales">
</div>
</div>
Je voulais tous mes block en float:left; et mes mentions légales en bas de page (clear:both;)
ainsi j'avais les CSS suivant :
.footer .block {float:left;}
.footer .mentionslégales {clear:both}
exemple valide ce jour sur mon site de vente de confitures : http://confitures-et-biscuits.fr
----------------
Sous ie7 comportement bizarre, je ne voyais plus rien dés que le CSS clear:both; était actif....
---------------
La solution à été de déclarer le CSS suivant, dans le div encapsulant "footer" : .footer {overflow:auto;}