Comment faire le centre de site web avec des balises div dans dreamweaver

Dreamweaver est un outil puissant pour les concepteurs de sites Web expérimentés et inexpérimentés. Un problème de conception commune que Dreamweaver ne traite pas avec ses outils intégrés est la capacité à centrer un conteneur DIV sur une page. Grâce à une série d`éléments en ligne de style, vous pouvez contrôler la largeur et la position d`un conteneur DIV sur une page. Ce qui suit est un processus étape par étape pour ajouter le CSS appropriée à un conteneur de DIV pour centrer un site Web en utilisant Dreamweaver.

  • Recherchez le conteneur DIV qui contient la totalité du contenu de votre page web. Créer un nouveau conteneur DIV si l`on n`existe pas déjà.

  • Ajouter un style = "" tag au conteneur DIV pour tenir vos nouveaux éléments de style:




  • Ajouter une largeur définie dans le conteneur DIV intérieur de la balise de style. Attribuer une valeur suffisante pour maintenir la totalité du contenu de la page Web. Réglez votre valeur soit dans les pourcentages ou en pixels:

  • Réglez le droit de votre conteneur DIV marges gauche et à "auto":

  • Créer une fermeture

tag à la fin du contenu de la page web si vous créez un nouveau conteneur de DIV à partir de zéro.

Conseils Avertissements

  • Le style de marge automatique fonctionne uniquement avec des conteneurs DIV qui ont une largeur définie.
  • Si vous utilisez une cascade stylesheet séparée, vous pouvez ajouter ces éléments de style là plutôt que de les placer en ligne sur votre page Web.
  • Assurez-vous de vérifier l`apparence de votre page Web dans plusieurs navigateurs Web, y compris Internet Explorer, Firefox et Safari.
  • Ne pas utiliser le
    tag ou élément de style text-align pour tenter de centrer une page Web.