un problème de débutante (positionnement css)

[lakramp]

bonjour

comme tous les débutants je m'arrache les cheveux en essayant de bien placer mes petites boi-boites en css.

je vous colle le code de ma feuille de style (c'est que des essais):

-----------------------------------------------

.conteneur {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.titre {
background-color: #000;
width: 80%;
border: 1px solid #000;
}

.titre2 {
background-color: lightblue;
width: 80%;
border: 1px solid #000;
text-align: center;
}

.menu {
background-color: lightblue;
width: 80%;
border: 1px solid #000;
padding: 10;
}

.contenu {
background-color: #000;
color: white;
width: 80%;
border: 1px solid #000000;
padding-left: 20;
padding-right: 20;
padding-top: 15;
padding-bottom: 10;
}

.nouveau {
background-color: #fff;
float: right;
color: black;
width: 25%;
border: 1px solid #000000;
padding: 10;
font-size: 12px;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 15px;
}

.spacer {
  clear: both;
}

.bottom {
background-color: lightblue;
width: 80%;
border: 1px solid #000;
margin: 0;
text-align: center;
}.conteneur {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.titre {
background-color: #000;
width: 80%;
border: 1px solid #000;
}

.titre2 {
background-color: lightblue;
width: 80%;
border: 1px solid #000;
text-align: center;
}

.menu {
background-color: lightblue;
width: 80%;
border: 1px solid #000;
padding: 10;
}

.contenu {
background-color: #000;
color: white;
width: 80%;
border: 1px solid #000000;
padding-left: 20;
padding-right: 20;
padding-top: 15;
padding-bottom: 10;
}

.nouveau {
background-color: #fff;
float: right;
color: black;
width: 25%;
border: 1px solid #000000;
padding: 10;
font-size: 12px;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 15px;
}

.spacer {
  clear: both;
}

.bottom {
background-color: lightblue;
width: 80%;
border: 1px solid #000;
margin: 0;
text-align: center;
}


-------------------------------------------

En esperant que ça vous parle...

Sous IE 6.0 tous mes désirs sont des ordres, c'est comme je veux, mais Mozilla fait nimp, certaines boites sont plus larges que d'autres (à cause des marges mais sous IE ça marche ) et l'ensemble n'est plus centré du tout!!

je ne sais pas quoi faire, je suis au bord de la dépression nerveuse, si vous ne m'aidez pas je vais devoir me défouler sur mon chat

merci à ceux qui voudront bien m'donner un pti coup de main!

lucie

Edited June 8, 2006 by Dudu

[mamijo]

ah non pas le chat

Cela nous parlera plus facilement avec le code HTML (de préférence en entier, notamment le Doctype)

Une bonne adresse en attendant : boites CSS

[broadcastor]

La bonne démarche aurait eté de d'abord tester et faire fonctionner sous les navigateurs qui interprent correctement les standards (FF, opera, safari), et de voir ce qu'on peut faire ensuite avec les mauvais eleves (IE). Meme comme l'a dit mamijo, avec le html ça sera plus parlant, et avant une capture d'ecran, encore plus.

A+