Sans hésiter, au risque de me répéter, en terme de compatibilité, outre les CSS, les tableaux restent toujours une solution "presque" sûre!
Par exemple :
:arrow:
Dans Dream :
- Créer une page
- Faire ctrl+J -> Propriétés de la page
- Dans les 4 champs avec le mot "Marges" -> Mettre 0 (zéro)
- Valider
:arrow: Dans la page :
- Créer 1 tableau d' 1 cellule
- Comme taille du tableau, Mettre :
-> largeur = 100%
- Séléctionner le tableau en cliquant sur le contour bas du tableau
:arrow: Dans l'inspecteur des propriétés :
-> hauteur (H) = 100%
Pendant qu'on y est : Mettre les 3 cases de droite à 0 (zéro) : Ainsi, les bords du tableau seront invisibles dans le navigateur
:arrow: Dans la page :
Séléctionner la cellule en faisant : ctrl+clic gauche (n'importe où dans le tableau/cellule)
:arrow: - Dans l'inspecteur des propriétés :
-> Horz = Centrer
-> Vert = Milieu
:arrow: Dans ce tableau :
- Créer (insérer) autant de tableaux "imbriqués" que l'on souhaite!
img:coupe
Centrer un seul calque :
img:coupe
A la suite de ce qui a été fait ci-dessus...
:arrow: Dans Dream :
- Créer (insèrer) un calque
- Le tableau se décale vers le bas (Disons, qu'il apparaît une marge en haut de la page). C'est normal.
Cette marge permet de faire apparaître une balise jaune en haut à gauche, c'est une balise invisible indiquant à Dream qu'il y a un calque dans la page.
- Cliquer sur cette balise, ou le calque directement
- Faire Ctrl+X (couper)
- Cliquer dans le tableau
- Faire Ctrl+V (coller)
Le calque est toujours là, mais la balise est centrée dans le tableau, et la marge du haut a disparue
- Mettre une couleur de fond
- Sélectionner ce calque
- Rentrer dans la partie "Code"
- Dans la partie de surligner (le début) :
[quote]<div id="Layer1" style="position:absolute; left:279px...etc...[/quote]
- Changer la position : "relative" à la place "d'absolute"
:arrow: - Dans l'inspecteur des propriétés :
- Retirer les valeurs de "G" et "S"
- Ouvrir le navigateur (F12), redimensionner la fenêtre, le calque reste centré, malgré la taille de la fenêtre.
img:coupe img:remarque A voir également :