Forum Clubic

Bannière fixe

Bonjour;

voila je crée un site web et j’aimerais que la bannière ne bouge pas quand on descent le corps pour pouvoir voir la suite du texte.

merci d’avance

Linuxovore
Edité le 18/07/2007 à 16:26

Quelle bannière ?

Le header si tu préfère.
Edité le 17/07/2007 à 15:30

Essaye :

#header {position: fixed; top: 0;}

Sans plus d’informations, je ne saurais en dire plus.

Oui c’est sa merci

Mais maintenant le corps passe dessous le header.

Comment je fait pour qui ne passe pas desous et qui s’arrète avant?

" www.univers-stargate-sg-1.net… " voila ce que sa rend
Edité le 17/07/2007 à 16:05

En plaçant un margin-top sur le contenu. Bien sûr, le header passera toujours au dessus du texte, mais à l’entrée ça rendra mieux.

merci
maintenant on peut lire tout le texte mais il reste un petit coin au dessus du header ou on voie encore du texte

www.univers-stargate-sg-1.net…

Lien a utilisé sous tout navigateur sauf IE


voici le css:

"
#header
{
position: fixed;
top: 0;
margin-left : 0px;
display:block;
height:200px;
width:1000px;
background-image: url(‘image/1.jpg’);
background-attachment: fixed;
border: 0;
font-size: 15px ;
}
"
Edité le 17/07/2007 à 16:38

remplaces margin-left : 0px; par margin:0 0 0 0;

(cela dit en passant, ton texte en rouge sur un fond photo couleur n’est pas super lisible… pas génial…)

je sait que c’est pas lisible dsl mais c’est qu’un teste

et si je remplace sa ne fait rien.

ou sinon comment on peut faire pour que sa fait un cadre de défillement que pour le corps ? (enfin si on peut le faire)


css:

body
{
font-family: ‘Comic Sans MS’, ‘Verdana, Arial’, ‘Sans-Serif’;
text-align:justify;
font-size:12px;
color:#d5b06a;
width:900px;
margin:auto;
background-image: url(‘image/1.jpg’);
background-attachment: fixed;
}

div
{
border:1px solid black;
background-color:#000000;
margin:5px 0 5px;
}

#header
{
position: fixed;
top: 0;
margin-left : 0px;
display:block;
height:200px;
width:1000px;
background-image: url(‘image/1.jpg’);
background-attachment: fixed;
border: 0;
font-size: 15px ;
}

#corps
{
color:red;
margin:0 0 0 0;
margin-left:0px;
margin-top:200px;
margin-bottom:0px;
padding:13px;
width:auto;
font-size: 13px;
background-image: url(‘image/1.jpg’);
background-attachment: fixed;
border: 0;
}

#footer
{
clear:both;
float:right;
height:23px;
width:635px;
text-align:right;
font-size:11px;
padding:4px 8px;
border:1px;
back


XHTML : Acceuil

Acceuil
Presentation
Rapports
Extraits vidéos
Forum
Newsletter

quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

© Copyright 2006 - 2007 Sgc_Web™ | Designed by Tux | Me Contacter

Normal.

line 12 de stylesheet_2 tu as une règle qui impose une marge de 5px sur ton entête. comme ce dernier est au dessus - et avec un fond - du texte en rouge, une partie (les 5 px de marge du haut) passe.

essaye margin-top: 0 !important;

Et essaye Firebug si tu es sous Firefox. Pour résoudre des problèmes de ce genre, c’est the must have./

Merci le problème et résolut