<layout>
Influe sur la disposition des éléments enfants direct, mais ne produit pas directement d'élément HTML
On utilise un layout soit pour indiquer la largeur d'un conteneur (et éventuellement l'aligner) soit pour disposer des éléments de largeurs fixes côtes à côtes en float.
Exemple
Fixe une largeur de 760px pour le conteneur #main et le centre
<div id='main'>
</div>
</layout>
Dispose #nav et #content en float left avec 200px pour la nav et le reste pour le content
<nav id='nav' />
<container id='content' />
</layout>
Remarque
Le layout devrait être le seul moyen de donner une largeur à des éléments. La largeur interne d'un élément est calculée d'après les dimensions de ses marges et bordures. La largeur interne d'un élément sert de largeur externe à ses enfants directs.
Attributs
| attribut | défaut | description |
|---|---|---|
| float | left ou right pour faire floter | |
| align | left center ou right pour aligner | |
| width | largeurs à appliquer aux enfants (séparés par des virgules) | |
| mask | défini quels élément enfants sont affichés. o=masqué x=visible |
float et align ne doivent pas être utilisés en même temps
mask
Défini quels éléments enfants sont affichés. Chaque enfant est représenté par un caractère o=masqué ou x=visible dans la valeur de l'attribut.
Exemple:
<nav />
<container />
</layout>
masque le 1er enfant (nav) et affiche que le second (container).
Width
La liste des largeurs peut contenir des astérisques. Par exemple:
</layout>
Dans ce cas la largeur interne de l'élément parent sert à calculer la valeur pour les largeurs souples (*).
Editer