[CSS] probleme de Background

Version imprimable

Salut,

petit probleme sur les background de mon site, j'ai trois colonne (classique) mais j'ai beau mettre un background repeat-y le fond ne se repete pas.

le html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <div id="entete"></div> <div id="global"> <div id="blocmenugauche"> </div> <div id="blocmenudroite"> </div> <div id="menu"> </div> <div id="contenu"> </div> <div id="pied"></div> </div>
J'ai laisser que les div le reste fonctionne
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 #global { width: 800px; } #blocmenugauche{ float: left; width:130px; height:100%; border : 1px none red; background:url('images/marge.jpg') repeat-y; } #blocmenudroite{ float: right; width:154px; height:auto; border : 1px none red; background:url('images/lien.jpg') repeat-y; } #contenu { margin-left: 130px; margin-right: 154px; margin-bottom:0px; margin-top:0px; }
Le css j'ai mi que les morceaux qui sont utiles (je pense)

Et hop la ou on peu voir le resultat
http://robspo.free.fr/antre2/

en fait j'arrive pas a faire repeter les images de fond.

Si vous avez besoin de plus de chose demander

Salut.
Remplace tes :

Code:

1
2
 
background:url('images/xxxxx..jpg') repeat-y;

par

Code:

1
2
3
 
background-image:url('images/xxxxx..jpg');
background-repeat: repeat-y;

soit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#blocmenugauche{
float: left;
width:130px;
height:100%;
border : 1px none red;
background-image:url('images/marge.jpg');
background-repeat: repeat-y;
}
 
#blocmenudroite{
float: right;
width:154px;
height:auto;
border : 1px none red;
background-image:url('images/lien.jpg');
background-repeat: repeat-y;
}

et normalement se sera bon !

Par contre y a cette ligne qui m'embête :

Code:

border : 1px none red;

Pourquoi si tu mets none tu lui donnes 1px et red ?

04/01/2007, 16h12
Halukard

non ca marche pas, en plus quand je met un background:url('images/xxxxx..jpg') repeat-y; ou un background:url('images/xxxxx..jpg') no-repeat; ailleur ca fonctionne donc je pense pas que ca vienne de ca.
04/01/2007, 16h17
Strix

En effet je me suis trompé... Toutes mes confuses.
C'est pas une histoire de chemin ? (je pose la question, on sait jamais) Peut-être quand rajoutant "../" devant "images"...
On peut voir les Div qui marchent ? Merci

Ben les autres fonctionne (elle affiche juste des images) seul le contenu change

mon index

Code:

1
2
3
4
5
<div id="contenu">
	<?php 
	 include 'news.php';	 
	?>	 
</div>

la page que j'inclu

Code:

1
2
3
<span class="titre">.........News</span><div class="principale">
// traitement PHP
</div>

le CSS en rapport a ca

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.titre{
display: block;
background: url("images/titre.jpg") no-repeat;
_width:517px;
height:110px;
font-size: 30px;
font-family: "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;
font:bold;
color:white;
padding-left:325px;
padding-top:40px;
margin-bottom:0px;
}
 
.principale{
margin-bottom:0px;
font-family: Arial, Helvetica, sans-serif;
width:516px;
margin-top:-40px;
_margin-top:0px;
margin-left : 1px;
text-align: left;
letter-spacing: 1px;
border : 1px none red;
background: url('images/contenu.jpg') repeat-y;
background-position:0 0;
padding-left:30px;
}

l'entete, le pied et le menu c'est juste des images en background.

04/01/2007, 16h35
Strix

Heu je viens de voir ton code... J'y comprends rien du tout ! Div avant HTML...
Puis y a du PHP qui traine mais je sais pas pourquoi tu as autant de parties <div><html>...</html></div>... !
04/01/2007, 16h40
Halukard

bah je met mes div en place et je fait un include des differentes pages, ya rien de bizarre la dedans ^^ j'ouvre et le ferme mes balises a chaque fois pour pas avoir a faire un echo de tout mon html. et dans mes pages que j'inclue j'ai aussi un peu de mise en page avec des divs.
04/01/2007, 16h41
Strix

Oki... :arf: Je dois te laisser j'ai rdv avec un client. J'essaye de voir ça ce soir si c'est pas résolu !
04/01/2007, 17h00
Bisûnûrs
Regarde la source de ta page (Affichage -> Afficher la source).

Un document HTML (après génération du code en PHP) ne doit contenir qu'une déclaration de DOCTYPE, qu'une balise <html>, <head>, <body>, etc. Or, toi tu as toutes ces balises répétées trois fois pour être gentil.

Quand tu regardes ta source, tu devrais avoir un document structuré de la sorte :
Code:

1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE ...> <html> <head> </head> <body> <!-- TOUT TON CONTENU ICI -> </body> </html>
Et ceci en un seul exemplaire.

Commence donc par corriger ça ...
04/01/2007, 18h51
Strix

Ah ben c'est ce que je disais... C'est le b*rd*l !
04/01/2007, 20h02
Halukard

ayé c réglé j'oublis de viré ce qu'il y a lors de la création du fichier par htmlkit a chaque fois.

mais ca ne regle pas mon probleme de css :P

il y a un moyen de mettre la height en auto pour qu'il prenne toute la place en hauteur en fonction de celui du milieu? parce que le probleme viens de la il ne prend pas toute la hauteur et je peu pas lui donner une taille fixe.
04/01/2007, 21h55
Strix

Pour #blocmenudroite c'est pas ('images/lien.jpg') mais ('images/liens.jpg').

Et si tu mets height:auto; au lieu de height:100%; pour #blocmenugauche ?
Ou alors peut-être parce que tu as un espace entre ('images/marge.jpg') et ;... Je sais pas... Je sais plus...