Discussion :

[alant54]

Bonjour

Je connais le XHTML/css mais je n'arrive pas à faire ça.



C'est tout bête mais bon.
Déjà en faisant margin-left:auto et margin-right:auto mon conteneur ne veux pas ce centrer (j'ai bien définis une largeur de 80%).
Le cadre bleu c'est l'écran.
Mes bloc à l'intérieur je n'arrive pas a les aligner avec une marge de 20 px.
Bref que des truc comme sa.

Pourriez vous m'envoyer un exemple pour voir comment faut faire parce que la je suis .

Dans mon code html j'ai créer sa :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="conteneur">
	<div id="boite1"></div>
	<div id="boite2"></div>
	<div id="texte"><p>blabla</p></div>
	<div id="boite3"></div>
	<div id="boite4"></div>
</div>

Merci...

[Halleck]

Déjà l'alignement : je parie que c'est sous IE que t'arrive pas à centrer. Simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

body { text-align:center; }

Pour le reste, il faut déclarer en flottants tes boites :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
#boite1, #boite2, #boite3, #boite4 { float:left; margin:10px; }
#texte {float:left; width:auto; }

(le margin 10 px c'est parce que marge de 10px à gauche + marge de 10px à droite = marge de 20px)

Ca devrait le faire, non ?

[Erwan31]

Déjà en faisant margin-left:auto et margin-right:auto mon conteneur ne veux pas ce centrer (j'ai bien définis une largeur de 80%).

Si ça ne se centre pas avec ces éléments, c'est que tu es en mode Quirks.
> Ajouter un doctype, compléter/corriger l'existant ou alors supprimer le prologue XML (IE6)

PS: attention à ton orthographe, tu fais des fautes énormes!

[alant54]

je suis sous firefox 3.0.

J'ai réussi en mettant en float:left les deux carrés de gauche et en float:right les deux carrés de droite.
pour le texte de milieu j'ai fait text-align:center et j'obtiens un peu près ce que je veux.

[Candygirl]

supprimer le prologue XML (IE6)

Supprimer la déclaration xml. Le prologue englobe le doctype si l'on se réfère à la documentation xml:

[22] prolog ::= XMLDecl? Misc* (doctypedecl Misc*)?
[23] XMLDecl ::= '<?xml' VersionInfo EncodingDecl? SDDecl? S? '?>'

Il me semble que l'erreur est très largement répandue dans le milieu francophone (c'est sur un forum anglophone qu'on m'a fait observé la subtilité) ?

[Erwan31]

Supprimer la déclaration xml. Le prologue englobe le doctype si l'on se réfère à la documentation xml:

Il me semble que l'erreur est très largement répandue dans le milieu francophone (c'est sur un forum anglophone qu'on m'a fait observé la subtilité) ?

Merci CandyGirl pour cette info, l'emploie du terme prologue dû très
certainement à une confusion initiale est en effet largement répandu.