Les boites en css
Résolu
jjaco
Messages postés
575
Statut
Membre
-
jjaco Messages postés 575 Statut Membre -
jjaco Messages postés 575 Statut Membre -
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
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
A voir également:
- Les boites en css
- Enlever le soulignement d'un lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Outlook en français mais boite de réception en anglais ✓ - Forum Windows
- Comment ne plus avoir les éléments du dossier en anglais ? ✓ - Forum Outlook
3 réponses
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.
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.