Comment faire une mise en page de DIV

Ouvrez votre fichier HTML avec un éditeur de texte brut. Dans le "corps" balises, ajoutez le code de DIV suivante:

Définir la classe pour la DIV principale. Placez votre code de présentation de classe au sein de la "Tête" balises en haut de votre page de codage HTML. Le code suivant définit votre DIV principale au centre de la page:

Formater le "left_list" DIV. Sites ont généralement une barre de navigation de gauche. Dans cet exemple, une navigation gauche DIV est créé. Il fonctionne à la verticale sur le côté gauche du navigateur de l'utilisateur. Utilisez le code suivant pour formater votre DIV gauche:

div.left; liste {

largeur: 11.3em

GO

position: absolute

GO

top: 1

GO

font-size: 95%

GO

padding-left: 2%

GO

padding-right: 2%

GO

margin-left: 1

GO

margin-right: 1

GO

gauche: 0

GO
}

Placez ce code dans le "style" tag créé à l'étape deux.

Définir la mise en page pour le droit; la barre de navigation de la main. Cela crée une barre de navigation verticale sur le côté droit qui correspond à la hauteur et la largeur de la DIV gauche. Ceci fournit une présentation uniforme. Le code suivant complète votre disposition de modèle de DIV:

div.right; liste {

largeur: 11.3em

GO

position: absolute

GO

top: 1

GO

font-size: 95%

GO

padding-left: 2%

GO

padding-right: 2%

GO

margin-left: 1

GO

margin-right: 1

GO

droite: 0

GO
}

Sauvegardez vos changements de codage HTML et ouvrez le fichier avec votre navigateur Web. Ce teste la nouvelle mise en page de DIV et vous permet de visualiser vos changements de codage.