28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

J'ai dev. un site mais j'ai un pb avec la fixation en CSS de la barre de 'footer' ...
le client veut des barres 'haute' et 'basse' qui occupent tout l'espace de l'écran ...
sacré client Smiley cligne
du coup j'ai créé deux bloc #CONTENEUR et #BANDEAU FIN
le pb, c'est que je n'arrive pas à coller le bandeau fin la fin du bloc #conteneur ...
Je cherche .. j'ai cherché .. et là j'ai plus de cheveux ... Smiley fache

voilà la page
http://aladin-conseils.com/dev/

si vous avez un conseil je suis preneur ....
merci Smiley smile
Tu veux pas plutôt la placer en bas de page ?
En tout cas, c'est avec :


#bandeau_fin {
    position:fixed;
    bottom:0;
    width:100%;
}
Pour regler ton problème, il faut que tu changes ceci:

#conteneur {
	width: 1040px;
	margin: auto;
	height:auto;
}

#bloc-gauche {
	float:left;
	width:667px;
	height:auto;
	background-image: url(../images/bloc-gauche.html);
}
#bloc-droit {
	
	float:right;
	width:333px;
	height:auto;
	background-image: url(../images/barre_vert.gif);
	background-repeat:repeat-y;

}


Et que tu ajoutes une règle pour remettre à zero tes "float" car ton bandeau ne se mettra pas à la suite :

.clear{
    clear: both;
}


Dans ton code :

        <div id="bloc-droit">
          ............
        </div>
        [b]<div class="clear"></div>[/b]


Bonne soirée.
Modifié par Apoooo (16 Oct 2011 - 20:51)
Par contre, du texte rouge sur fond bleu, ce n'est pas génial au niveau du contraste. En cas de problème de perception des couleurs (env. 8% de la population masculine), ces textes risquent de devenir illisibles.

Aussi, ta question aurait pu être posée dans la section CSS et non ici, où c'est fait pour soumettre son site aux critiques.
IshimaruChiaki a écrit :
Par contre, du texte rouge sur fond bleu, ce n'est pas génial au niveau du contraste. En cas de problème de perception des couleurs (env. 8% de la population masculine), ces textes risquent de devenir illisibles.


Même si on a pas de problème de perception des couleurs d'ailleurs donc à plus forte raison pour le cas que tu évoques.