28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai monté mon propre layout avec lequel je me suis vite retrouvé confronté au problème du positionnement du footer, le mettre tout en bas d'un bloc conteneur avec une hauteur fluide.

Donc je suis reparti sur un modèle : http://css.alsacreations.com/modeles/modele3.htm Mais dès que je place mes boites en float dans le bloc de droite (div#centre) le #footer n'est plus tout en bas. J'ai placé un div avec pour propriété clear:both à la fin des boites float mais ça ne résout toujours pas le problème. Vous avez une idée ? L'emploi de boite en float est indispensable ici.
Modifié par Florent V. (13 Feb 2008 - 12:07)
Non la page n'est pas en ligne encore.
Comme dit, c'est exactement ce modèle : http://css.alsacreations.com/modeles/modele3.htm
A la place des paragraphe successifs, j'ai 4 boites comme celle-ci ( deux par ligne) :


                <div class="bloc-homepage">
                    <h2 class="title-page">PENSE-B&Eacute;TE</h2>
                    <p class="paragraphe-bloc">Digesto exceptis excubat tractatur adhibetur autem autem plene coeperint temporibus.</p>
                    <p class="paragraphe-bloc">Apparuit suis rebus ubi ubi venit posse permutatione Petobionem Noricorum.</p>
                    <p class="paragraphe-bloc">Efficiatur dicitur altera si probatum videtur falsi aliquid falsi sensibus.</p>
                        <div class="clear-link"></div>
                    <p class="link"><a href="#" title="Lire la suite">Contacter nous pour en savoir plus</a></p>
                </div>


Donc à la fin de la dernier boîte, juste après le </div> du div#centre, j'ai placé un
<div class="clear" style style="clear:both;margin: 0px;padding:0px;"></div> [/url] [/url]
Modifié par imagit (13 Feb 2008 - 12:18)