Problème css...
KARINE81
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
Profil bloqué -
Profil bloqué -
Bonjour,
J'ai mis mon site en ligne, http://www.strategieetcourtage.com , et j'ai plusieurs problèmes que je n'arrive pas à résoudre venant de mon css.
En effet, étant débutante, je dois avoir fait quelques erreurs avec dreamweaver.
Mon site n'est pas centré avec une marge à droite ou à gauche sur tous les navigateurs et les photos en survol n'apparaisse pas sur internet explorer. De plus sur internet explorer 7, l'image de fond est décalé.
Voici mon css :
@charset "utf-8";
/* CSS Document */
#page {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#contenu {
margin: 1em;
color: #FFF;
position: relative;
height: 184px;
right: -4px;
}
html {
background: url(images/fondaccueilgeneral.jpg) no-repeat;
background-color: #eef0ed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
right: -50px;
position: relative;
top: 0px;
}
#contenu #apDiv13 p {
color: #333;
}
a img
{
border: none;
}
Pourriez vous m'aider à résoudre ces quelques problèmes?
Merci beaucoup pour votre aide.
Karine.
J'ai mis mon site en ligne, http://www.strategieetcourtage.com , et j'ai plusieurs problèmes que je n'arrive pas à résoudre venant de mon css.
En effet, étant débutante, je dois avoir fait quelques erreurs avec dreamweaver.
Mon site n'est pas centré avec une marge à droite ou à gauche sur tous les navigateurs et les photos en survol n'apparaisse pas sur internet explorer. De plus sur internet explorer 7, l'image de fond est décalé.
Voici mon css :
@charset "utf-8";
/* CSS Document */
#page {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#contenu {
margin: 1em;
color: #FFF;
position: relative;
height: 184px;
right: -4px;
}
html {
background: url(images/fondaccueilgeneral.jpg) no-repeat;
background-color: #eef0ed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
right: -50px;
position: relative;
top: 0px;
}
#contenu #apDiv13 p {
color: #333;
}
a img
{
border: none;
}
Pourriez vous m'aider à résoudre ces quelques problèmes?
Merci beaucoup pour votre aide.
Karine.
A voir également:
- Problème 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
Salut,
D'après ton morceau de code, je pense que ça vient de right: -50px; qui a pour effet de créer une marge à gauche de 50px.
En revanche, sur ton site, on voit que tu as du changer le css depuis.
Tu devrais mettre tout le css dans le fichier .css, c'est plus propre.
Par contre, tu as pas mal de div avec position:absolute.
Ca force le positionnement quelque soit la taille de la fenêtre de ton interlocuteur, essaie de changer par position:relative, quitte à modifier les valeurs.
D'après ton morceau de code, je pense que ça vient de right: -50px; qui a pour effet de créer une marge à gauche de 50px.
En revanche, sur ton site, on voit que tu as du changer le css depuis.
Tu devrais mettre tout le css dans le fichier .css, c'est plus propre.
Par contre, tu as pas mal de div avec position:absolute.
Ca force le positionnement quelque soit la taille de la fenêtre de ton interlocuteur, essaie de changer par position:relative, quitte à modifier les valeurs.
