Disposition des pages - positionnement absolu

Question

Après-midi tous - Je suis après un peu de conseils vraiment. Etant un débutant, je réalise maintenant que la méthode que j'ai employée pour concevoir mon premier projet est un peu la merde. Ayant peu ou pas de connaissances en matière de développement web, je suis descendu le chemin de placer mes contrôles sur une page avec un positionnement absolu ... J'ai juste aimé l'idée de glisser et de tomber vraiment!

De toute façon, je me rends maintenant compte que ce n'était pas la meilleure idée que j'avais jamais eue étant donné que les différents utilisateurs auront des résolutions différentes et non - ce que je vois n'est pas nécessairement ce qu'ils vont voir.

Comment est-ce que j'irais modifier mon code de sorte que la même disposition/espacement entre les contrôles soit maintenu mais soit généralement centré?

Est-ce que je devrais inclure tous mes contrôles actuels dans une table ou un conteneur de quelque sorte et aligner cela? Alternativement, est-ce le cas de supprimer complètement le positionnement absolu et de commencer à zéro ?!

Toutes pensées ou idées seraient les bienvenues.

(PS: S'il vous plaît allez-y doucement sur les abus !!!)

Answer 1

Créer une enveloppe, c'est la largeur que vous voulez que tout soit. A l'intérieur, vous mettez tout le reste; votre en-tête, contenu, pied de page et à l'intérieur vous pouvez positionner le "bon" chemin. Vous devriez éviter le positionnement absolu autant que possible, par rapport est la voie à suivre et avec des wrappers, vous pouvez facilement le faire. Donc, si vous créez un wrapper 1000px et que vous voulez que votre en-tête soit à 200px de la gauche, vous n'avez pas à vous soucier de résolutions différentes; ils le verront toujours affiché 200px à partir de la gauche du 1000px, que vous pouvez centrer sur la page.

Jetez un oeil à: https://www.adobe.com/devnet/dreamweaver/articles/css_concepts_pt3_04.html et http://www.communitymx.com/content/article.cfm?cid=A8BBA

:)