Aide XHTML / CSS
Jordan_23
Messages postés
11
Statut
Membre
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je suis debutant en informatique et j'ai une forte passion pour les site web, a present j'apprend le XHTML /CSS.et je suis en traint de faire un site mais J'ai des dificultes a savoir, centrer le design de mon site et ca me donne des vues differents sur different navigateur comme : IE 8, Firefox et Safari.
Comme description j'applique un background image a mon page et j'ai un en-tete de (760px 100px) et voici mes codes
1.-HTML
<div id="en_tete">
<!-- Reserver pour mon logo -->
</div>
2.-CSS
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("C:/Users/JORDAN 23/Pictures/red_wave_1349.jpg");
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("C:/Users/JORDAN 23/Pictures/JORDAN PIC/23WP.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
Descriptions: sur IE 8 je vois mon background image et mon en-tete mais c'est pas centrer.
sur Firefox et Safari apparait seulement une page blanche mais c'est centrer voila tout mon probleme .............est-ce-que quelqu'un pourrait bien m'aider SVP.....
Je suis debutant en informatique et j'ai une forte passion pour les site web, a present j'apprend le XHTML /CSS.et je suis en traint de faire un site mais J'ai des dificultes a savoir, centrer le design de mon site et ca me donne des vues differents sur different navigateur comme : IE 8, Firefox et Safari.
Comme description j'applique un background image a mon page et j'ai un en-tete de (760px 100px) et voici mes codes
1.-HTML
<div id="en_tete">
<!-- Reserver pour mon logo -->
</div>
2.-CSS
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("C:/Users/JORDAN 23/Pictures/red_wave_1349.jpg");
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("C:/Users/JORDAN 23/Pictures/JORDAN PIC/23WP.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
Descriptions: sur IE 8 je vois mon background image et mon en-tete mais c'est pas centrer.
sur Firefox et Safari apparait seulement une page blanche mais c'est centrer voila tout mon probleme .............est-ce-que quelqu'un pourrait bien m'aider SVP.....
Configuration: Windows Vista Safari 531.9.1
1 réponse
-
Pour les images de fond, tu ne peux pas mettre l'url absolue depuis la racine du disque dur (C:\...).
Pas besoin de définir la largeur à 760px sur #en_tete parce que ce div fait 100% de son élément parent en largeur, c'est-à-dire body et donc 760px.
Crées un div qui englobe tout ton contenu comme ceci et centre le :... <body> <div id="global"> <div id="entete">...</div> <div id="content">...</div> </div> </body> ...
Et dans ton CSS :body { background-image: url("img/red_wave_1349.jpg"); } #global { width:760px; margin:auto; margin-top: 20px; margin-bottom: 20px; #entete { height: 100px; background-image: url("img/23wp.jpg"); background-repeat: no-repeat; margin-bottom: 10px; } ...
