Problème avec le container

bonjour,

Toute nouvelle ici et sur le web.. et voilà tout fonctionnait bien je suis arrivée à monter ma page en Css .. pour reconnaitre le nom des div je leur mis leur nom.. arrive le moment finale ou j'enleve me mot container .. et là mon fond ce decale.. et je seche.. au secours je m'arrache les cheveux et je ne trouve pas la solution..

Merci par avance si l'un d'entre vous trouve le problème dans mon code source

<style>
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	padding: 0px;
	background-color: #5B008E;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #000000;
	width: 100%;
	height: auto;
	margin: 0;
	min-width: 600px;
	max-width: auto;
	min-height: 600px;
	max-height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(Images/body.jpg);
}
#Conteneur {
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	min-width: 800px;
	width: 1024px;
	height: 900px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	background-image: url(Images/container2.jpg);
	padding: 0;
}
#fond {
	background-image: url(Imagedebase/imagedefond/grahismepage/ok/nvelleessai/19pouce.jpg);
	padding: 0px;
	height: 1024px;
	width: 1280px;
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	margin: 0px;
}
#Principal {
	width: 100%;
	margin-top: 0px;
	position: relative;
	height: 765px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center center;
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	font-style: normal;
	text-align:justify
}
#Menu {
	height: 30px;
	margin-top: 100px;
	margin-right: 0px;
	margin-left: 0px;
}
#Main {
	margin-top: 50px;
	margin-left: 100px;
	width: 477px;
	height: 349px;
	padding: 0px;
	float: none;
	clear: both;
}
.ecrituremain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
}
#image {
	margin-top: 5px;
	margin-left: 610px;
	width: 410px;
	height: 414px;
	padding: 0px;
	float: right;
}
.Menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
</style>

Merci ...
Modifié par Florent V. (07 Feb 2008 - 21:37)

Bonjour et bienvenue parmi nous ivanova

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.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

ivanova a écrit :
Merci par avance si l'un d'entre vous trouve le problème dans mon code source

Le problème c'est que tu ne donnes pas le code source de ta page, tu donnes le code CSS. Il manque au moins le code HTML, car je suppose que ton CSS ne s'applique pas sur du vide intersidéral.

Une page en ligne serait pas mal histoire de gagner du temps.
Modifié par Florent V. (07 Feb 2008 - 22:39)

Bonsoir,

Sams entrer dans les détails, attention aux majuscules/minuscules. Certains serveurs sont sensibles à la casse. Mets tout en minuscule, c'est mieux.
A part cela tu peux optimiser:

margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;

margin: 0;
dans le body il y a 2x

min-width: 600px;
max-width: auto;

On pourrait encore alléger le code mais je dois partir.
Niklaus
Modifié par Niklaus (07 Feb 2008 - 22:58)

Niklaus a écrit :
Sams entrer dans les détails, attention aux majuscules/minuscules. Certains serveurs sont sensibles à la casse. Mets tout en minuscule, c'est mieux.

Les serveurs sont sensibles à la casse pour les noms de fichier.

Ensuite:
- certains langages de programmation ou de script sont sensibles à la casse (exemple: Javascript);
- les propriétés CSS ne sont pas sensibles à la casse, de même que leurs valeurs;
- les sélecteurs CSS, eux, sont sensibles à la casse... si on a <div id="machin">...</div> côté HTML et div#Machin {...} côté CSS, le sélecteur CSS sera ignoré.

Florent V. a écrit :

Ensuite:
- certains langages de programmation ou de script sont sensibles à la casse (exemple: Javascript);
- les propriétés CSS ne sont pas sensibles à la casse, de même que leurs valeurs;
- les sélecteurs CSS, eux, sont sensibles à la casse... si on a <div id="machin">...</div> côté HTML et div#Machin {...} côté CSS, le sélecteur CSS sera ignoré.

Merci de cette précision!
Niklaus