Les boites en css

Résolu
jjaco Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   -  
jjaco Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   -
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 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
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 319 Date d'inscription   Statut Membre Dernière intervention   31
 
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 534 Date d'inscription   Statut Membre Dernière intervention   45
 
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 534 Date d'inscription   Statut Membre Dernière intervention   45
 
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