---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Configurer les mises en page basées sur une div

# Configurer les mises en page basées sur une div {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Une fois que vous avez créé votre site, vous pouvez modifier la mise en page du site à l'aide de balises DIV.

## Avant de commencer

Rôle requis : content_admin ou admin

## Pourquoi et quand exécuter cette tâche

De nombreuses mises en page Web utilisent des tableaux pour une apparence cohérente. Les tableaux sont efficaces pour les chiffres et les statistiques, mais peuvent être limitatifs pour la conception d'autres types d'informations. Les balises DIV sont des balises d'éléments de bloc flexibles. Pour utiliser des balises DIV pour les mises en page, attribuez un ID à la balise et affectez des attributs à l'aide de CSS.  
Le passage aux balises CSS et DIV est utile de la manière suivante :

* Simplifier le code
* Réduire la quantité de code
* Augmenter la vitesse de chargement de la page
* Séparer le contenu de la présentation
* Les pages d'aide s'adaptent aux différentes résolutions des appareils
* Faciliter l'exploration des pages par les moteurs de recherche
* Rendre le code plus conforme à l'évolution des normes de conception des pages Web
{#t_ConfigureDivBasedLayouts__ul_uxp_snf_xt}

Un thème nommé Administration Theme - Charcoal est inclus en tant qu'exemple de mises en page basées sur CSS et DIV. Pour afficher la mise en page basée sur le thème Administration - charbon de bois , procédez comme suit.

## Procédure

1. Accédez à la ToutGestion du contenuConceptionMises en page.
2. Cliquez sur Administrateur 1 colonne
3. Passez en revue le code.