Probleme de repeat

**ceetix** · 09/04/2008, 19h43

Salut à tous !

Voilà je suis en pleine construction d'un site et je rencontre un obstacle.
J'ai fait une barre ne haut qui se repète mais je veux faire pareil en bas de ma page. J'ai essayé mais ca ne marche pas. Voici mon code css:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
body
{
background:url("img/index2/top.jpg") repeat-x;
}
 
#bottom
{
height:93px;
background:url("img/index2/bottom.jpg") repeat-x;
}

et le code html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<body>
 
<div id="bottom"></div>
 
</body>

et voilà comment ca s'affiche LIEN

En fait j'aimerai un truc de ce genre : http://www.lastickerie.fr

Auriez-vous une idée?
Merci beaucoup!

**Ikonic** · 10/04/2008, 09h30

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
body {
  background:transparent url(img/index2/top.jpg) repeat-x scroll 0%;
  margin:0pt;
}
 
#bottom {
  background:transparent url(img/index2/bottom.jpg) repeat-x scroll 0%;
  bottom:0pt;
  height:93px;
  position:fixed;
  width:100%;
}

Attention à la position fixed, lorsque tu rempliras ta page, il faudra sûrement la modifier en position: relative...

**ceetix** · 10/04/2008, 18h07

Merci beaucoup !!
Ok pour fixed !
Merci encore

**ceetix** · 12/04/2008, 14h39

Re bonjour à tous !

Bon eh bien tout ca avance bien mais j'ai encore un dernier soucis...
En effet quand je rajoute du contenu à ma page, le cadre du bas se met par dessu mon contenu. J'ai donc changer la position fixed en relative mais il y a une marge blanche sur le coté droit qui apparait ICI

Quelqu'un aurait un idée pour enlever cette marge ?

Merci beaucoup !

EDIT: d'ailleur je vois que sur les autre menu ma barre du bas remonte tout en ahut. Ca je ne veux pas non plus. J'aimerai quelle soit tout en bas du navigateur, qu'elle se déplace si je rejoute de contenu et qu'il n'y ai pas de marge a droite.... :s

Probleme de repeat

CSS

Vue hybride

Discussions similaires

Partager

Partager