Aide XHTML / CSS

Jordan_23 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention - 25 sept. 2009 à 07:24

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">

</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.....

A voir également:

Aide XHTML / CSS
Css download - Télécharger - HTML
Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
Css ligne horizontale ✓ - Forum CSS
Enlever le soulignage des lien. - Forum CSS
Enlever soulignement lien css ✓ - Forum CSS

1 réponse

Réponse 1 / 1

avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention 4 507

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;
}
...

Discussions similaires

Enlever le soulignement sous les liens en HTML/CSS

indice et exposant en css ?

Enlever trait sous un lien href

CSS/Comment enlever couleur liens ?

Background color css

Votre réponse

Discussions similaires