28173 sujets

CSS et mise en forme, CSS3

[Résolu] Problème affichage background-color sous firefox

Bonjour tout le monde,

Je commence une page test pour me mettre à fond dans le css.

Toutefois, je rencontre d'entrée un problème.

voici mes 2 styles:

body {
	background-color: #fff;
	color: #666666;
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
	}

#global {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     width: 800px;
     text-align: left; 
     height: 100%;
     background-color:#0000FF
     }

Et voici le code de la page:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<link href="bcv.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="global"></div>
</body>
</html>


Pourquoi est-ce que le background bleu du #global n'apparaît pas sur firefox alors qu'il apparaît sur IE ?

D'avance merci beaucoup et meilleures salutations.

David
Modifié par maskangel (27 Feb 2006 - 14:16)
C'est tout bon, j'ai simplement appliqué le même style à html qu'à body ainsi et ça fonctionne à merveille:

html, body {
	background-color: #fff;
	color: #666666;
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
	}

Modifié par maskangel (27 Feb 2006 - 14:15)
Administrateur
Bonjour et bienvenue maskangel,

EDIT: j'ai rien dit Smiley jap (je maintiens le bienvenue tout de même Smiley lol )

merci d'éditer tes messages pour placer les parties de code entre des balises [ code] ... [ /code] (sans les espaces) comme indiqué dans les Règles du Forum, cela permet de rendre plus lisible le code pour tout le monde.

Et puisque tu as résolu seul la question, profites-en pour éditer le titre du sujet (en éditant le 1er message): [Résolu]

Merci,
Felipe
Modifié par Felipe (27 Feb 2006 - 14:17)
Plop,

Pour compléter ton auto-réponse, essaye de placer un contenu conséquent dans ton élément (dépassant la hauteur de ta fenêtre) et constate le souci sous Firefox et autre, mis à part IE bien évidemment.

Pour contrer ce résultat, je t'encourage à découvrir cette propriété et son application pour IE

Bienvenue dans le monde merveilleux des CSS Smiley biggol
Sujet clos
Aller à