Les boites en css

Résolu/Fermé
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 - 16 nov. 2010 à 15:37
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 - 16 nov. 2010 à 15:56
Bonjour,
voilà, maintenant je viens de faire une feuille de style, ca marche à part que...
mon entête qui reste fixe se fait superposer par le corps quand je déplace le contenu de celui-ci,
et ils ne sont pas alignés verticalement, il y a un décallage de quelques pixels, l'entête est plus à droite.

.container
{
width:950px;
position:absolute;
}
.entete
{
position:fixed;
width:950px;
height:100px;
}
.image
{
position:absolute;
background-image:url("../../images/bandeau.gif");
background-repeat:no-repeat;
width:950px;
height:75px;
}
.texte /*ici le texte pour le contact, adresse teleph fax...*/
{
top:75px;
position:absolute;
background-color:blue;
width:950px;
height:25px;
}
.corps
{
top:100px;
width:950px;
position:relative;
}

/*mon test arrête ici
.pied
{
width:950px;
height:50px;
background-color:yellow;
position:relative;
}
*/

<div class="container">
<div class="entete">
<div class="image"> </div>
<div class="texte">
<div align="center"> formulaire de contact</font></a> </div>
</div>
</div>
<div class="corps"> bla bla bla </div>
</div>


merci de m'aider
jjaco






3 réponses

coeus Messages postés 3019 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
16 nov. 2010 à 15:41
Je pense que je vois ce que tu veux faire... Tu veux que l'entête soit toujours au même endroit sur l'écran et qu'elle "embarque par-dessus" le contenu quand tu défiles vers le bas, c'est ça ?

Si c'est le cas, essaie simplement de rajouter à ta division .corps : z-index:-10;
Normalement ça devrait le ramener en-dessous des autres éléments.

Dis-nous ce que ça fait... Ou si je suis sur une fausse piste ! ;)

Ah et pour l'alignement de l'entête... Joue avec l'attribut left;
Exemple : .entete { left:-5px; }
Si le site est très statique ça devrait régler le problème.
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
16 nov. 2010 à 15:48
Bonjour,

Si tu ne veux pas que ton entete soit fixe, pourquoi ne pas enlever le position:fixed; dans ton CSS ?
0
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 45
16 nov. 2010 à 15:56
merci,
mais je veux que mon entete reste en place! Et elle y reste, le problème c'est que le blabla passe pardessus (image superposées) quand je scroll...
merci
0
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 45
16 nov. 2010 à 15:53
Merci,
mais ce que j'aimerais avoir c'est que l'entête
reste en place
comme le blabla est plus grand que la boite du corps, lorsque je "monte" pour lire la suite, l'entête monte avec ... donc j'ai réussi à la bloquer, mais le blabla passe au dessus,
merci
0