28173 sujets

CSS et mise en forme, CSS3

Bonjour, je viens sur ce forum parceque jai un problème de css avec firefox. Je m'explique, ma page css à l'air de ne pas etre prise en compte par Firefox. Aucun mise en forme n'est visible alors que sous IE ça marche preque impeccablement à l'exception d'une balise que vous trouverez dans ma page css.

Voici la page css :

 body {
	background-color: blue;
	}

#banniere {
    position:absolute;
    width:1014px;
    height:202px;
    top:0px;
    left:0px;
    }

#menu {
    position:absolute;
    width:1014px;
    height:42px;
    top:220px;
    left:0px;
    }

#texte {
    position:absolute;
    font-size: 16px;
	color: orange;
    top: 350px;
    left: 70px;
    right: 70px;
    font-family:"Comic Sans MS", "Arial Black";
     }
	 
#pti {
	position:absolute;
	top: 350px;
	left:10px;
	}
	
h1 {
	position: absolute;
	text-align: center;  /* Cette ligne ne fonctionne pas sous IE aussi */
	font-size: 22px;
	font-family: "Comic Sans MS";
	color: green;
	top: 300px;
	}


et la façon dont j'ai declaré le css dans le HTML :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/xhtml11/DTD/xhtml-strict.dtd">

<HTML xmlns="http://www.w3.org/199/xhtml" xml:lang="fr">
<HEAD>
<TITLE>Site Intranet IIS pour les PTI</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2900.3059" name=GENERATOR>
<link rel="stylesheet" media="screen" type="text/css" title="Mon_code_css" href="http://127.0.0.1/style.css" />
</HEAD>
<body>
<div id="banniere">
<img src="http://127.0.0.1/banniereweb.jpg">
</div>
<div id="menu">
<img src="http://127.0.0.1/menu.jpg">
</div>
<h1>Bienvenue sur mon site web</h1>
</body>
</html>


S'est mon premier site web avec du css, je cherche , je cherche une solution mais ça me dépasse. je compte sur votre aide pour m'aider à avancer sur mon site et je vous en remercie d'avance.
A+
Modifié par sebbb (28 Apr 2007 - 18:10)
Modérateur
sebbb a écrit :
href="http://127.0.0.1/style.css" />



Salut et bienvenue sur le forum,

Pense à utiliser les tags de mise en forme (code et /code entre crochets) lorsque tu écris un message sur le forum stp Smiley cligne

Pour ton problème, je crois que cela provient de ton lien. Je pense qu'il est préférable d'utiliser le lien en relatif et non à l'absolu Smiley cligne .

@+
Modifié par Nolem (28 Apr 2007 - 12:14)
Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

upload/1-code.gif

Il serait bien que tu modifie aussi le titre de ton sujet, lorsque tu vas l'éditer pour la mise en forme, pour rendre le titre plus explicite, car tu te doute bien que la plupart voire la totalité des sujets du salon "CSS et mise en forme" traitent de problème de mise en forme. Il risque de se perdre dans la masse des sujets donc il faudrait trouver un intitulé plus précis pour éviter cela.