CSS - Marge seulement pour le texte dans un <div>

Bonjour,
Voila mon code CSS :

@charset "windows-1252";

*
{
font-family : Tahoma,Verdana,sans-serif;
font-size : 10px;
}
html, body
{	 
	 	   width: 100%;
		   height:100%;
           margin : 0;
           padding : 0;	 
		   background-color: #B5B5B5;
		   background-image: url(img/back.png);
}  		   
#conteneur {
	width:699px; 
	margin:0 auto 0 auto;
}
  	  
#header {
height: 116px;
width: 699px;
background-image: url(img/Header.png);
}  
#m {
width: 699px;
background-image: url(img/bord.png);
}  	   
 
#footer  {
height: 43px;
width: 699px;
background-image: url(img/bas.png); 

}

Maintenant je vais vous explique mon petit probleme :
J'aimerais pouvoir dans le <div id="m"></div> avoir une marge de 15px a gauche et 15px a droite SEULEMENT POUR LE TEXTE... ( car l'image background contient des bords et je ne veux rien dessus )
J'ai essayé avec padding-left mais le probleme est que sa agrandi de 15px vers la droite et le background se repete et puis ensuite impossible de faire padding-right ..
Si mon explication n'est pas assez compréhensible demandé moi plus d'infos..
Merci d'avance a ceux qui prendrons le temps de lire mon post ...
Modifié par doOk (04 Jun 2006 - 16:32)

Salut

#m * {
margin:0 15px;
} 

Devrais faire l'affaire

A+

Sa ne change rien...
Enfin sa ne met pas de marge mais a l'endroit ou y'a des liens sa donne :

[ (15px d'espace) Mon Blog (15px d'espace) - (15px d'espace) Mon serveur@moi (15px d'espace) ]

au lieu de :
[ Mon Blog - Mon serveur@moi ]


Modifié par doOk (04 Jun 2006 - 16:49)

A tu un lien pour ta page

ou le code html (de la zone concernée )

A+

Avec le code on peut être plus précis

#m div {
margin:0px 15px;
background-color: red}
}  

A+

Il n'y a plus l'espacement entre les mots mais...
Il n'y a pas de marges non plus

Tu avais mit un div dans le div #m il fallais le laisser

Ou mieux mettre

#m p {
margin:0px 15px;
}

<div id="m">
<p>La refonte a enfin commencé ! </p>
<p>Elle seras sans doute longue alors vous pouvez toujours visiter : </p>
<p>[ <a href="http://blog.kood.info">Mon Blog</a> - <a href="http://dook.is-a-geek.net">Mon serveur@moi</a> ] </p>	  
</div>

A+
Modifié par gege71 (04 Jun 2006 - 17:18)

Je vais gardé l'autre méthode avec le div a l'interrieur
Car dedans va y'avoir d'autre chose .. Je dois y placé mon menu et le contenu de la page


Merci beaucoup du temps passé a m'aidé

ARF !

il serais pas possible de donné un ID au div qui sers a faire les marges ?

Car il me faut d'autre div a l'intérieur et donc eux aussi prenne la marge et il ne le faut pas

Si tu peux et tu lui donne les marge et pas de largeur

A+

Tu pourrais me montré le code je n'arrive pas a trouvé ? :s
Tout le divs que je fais a l'interrieur de ce div comporte les marges :'(
Modifié par doOk (04 Jun 2006 - 17:44)

Tous simplement

#div_in_m {
   margin:0px 15px;
}  

<div id="m">
  <div id="div_in_m">
...
</div></div>

et suprime

#m div {
margin:0px 15px;
}

A+
Modifié par gege71 (04 Jun 2006 - 17:49)

Tu m'as l'air assez doué ... et moi je galere beaucoup avec le CSS ...

Pourrais tu me dire pourquoi sous firefox le div m ne s'agrandi pas lorsque ce qu'il y'a dedans deviens plus grand alors que sous IE sa marche ?
Et me donné une solution pour résoudre ce probleme ?
Ensuite pourquoi mon menu ne s'aligne plus au millieu du coup ?

http://kood.info
Modifié par doOk (04 Jun 2006 - 17:59)

FF respecte les standard et pas IE

http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html

tu ferais bien de lire un peut les tutoriaux
http://css.alsacreations.com/Plan-du-site
http://forum.alsacreations.com/faq/

A+