[Info] Probleme de fond html/CSS

15-06-2008 14:11:35

Bonjour,
cela fait maitenant quelques temps que je pratique le html/CSS et PHP sauf que je me suis rendu compte que mon fond n'etait pas dispo pour toute les tailles d'ecran d'ordinateur.
Alors j'aimerais metre un fond gris avant mon fond principal. Un peu comme sur WoN, il y a un fond blanc avant le fond bleue avec shuriken.
Merci de m'aidé...

mon code CSS:

Code:

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #626262;
   border: 1px solid black; 
   background-image: url("http://i43.servimg.com/u/f43/12/23/34/20/i_back10.jpg");
   background-attachment: fixed;
   background-repeat: no-repeat;
}

en esperant que quelqun pouras m'aider rapidement...

15-06-2008 14:36:57

Bonjour

Il te suffit d'ajouter l'attribut background-color

Ce qui devrait donner ::

Code:

background-color: #666666;

par exemple ..

Pour argumenter, tu peux aussi utiliser pour ton image de fond l'attribut background-position, exemple ::

Code:

background-position: top center;

15-06-2008 16:17:23

Je pense que dans ton cas c'est le background-repeat qui pose probleme. Si tu veux que le fond se repete jusqu'a la fin de la page il te faudra un :

Code:

background-repeat : repeat-y repeat-x;

normalement ca devrai aller mieux.

16-06-2008 09:32:04

Merci pour votre aide mais j'ai trouvé, je le met tout de même au cas où quelqun d'autre chercherais...

au niveau CSS

Code:

BODY{
    background-image : /*le fond*/;
    margin : auto;
}

#container{
    background-color : #FFF;
    width : 750px;
    margin : auto;
    min-height : 100%;
}

au niveau html

Code:

<body>
        <div id="container">
            <!-- Code HTML normal -->
        </div>
    </body>

Dernière modification par Kurapika M (16-06-2008 09:32:46)

09-08-2008 00:12:19

[b]le HTML[/b]

Code:

<html>
<head>
 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="css.css" />
<title>naruto</title>
</head>
<body>
<div id="page">
<div id="en_tete">
<img src="banniere.gif" width="790">
</div>
</body>
</html>

[b]css[/b]

Code:

body
{
background-image: url("fond.gif");
}
#page
{
font-family: Arial;
background-color: white;
width: 805px; 
height: 1200px;
text-align: center;
margin: auto;
size:12px;
}

Forums » [Info] Probleme de fond html/CSS:

[Info] Probleme de fond html/CSS

15-06-2008 14:11:35