This page has been robot translated, sorry for typos if any. Original content here.

Mise en page de site CSS: mise en page en trois colonnes

Notre mise en page

Défi

Notre tâche est de créer une mise en page de trois colonnes en utilisant CSS. Cette structure peut servir de base au site d’information avec un “en-tête”, les colonnes de droite et de gauche pour le menu ainsi que des informations supplémentaires, avec le bloc de texte central également le “sous-sol” pour les droits d’auteur, les contacts, etc. Disposition typique pour un projet de contenu.

Sans aucun doute, cette mise en page ne peut pas être qualifiée de miracle de la pensée du concepteur, mais vous pouvez pratiquement toujours transformer ce modèle en une "forme divine" en choisissant les bonnes polices, leur taille, en ajoutant un beau logo qui est aussi beau. Il ne sera pas difficile de compliquer indépendamment la mise en page, ajouter de nouveaux blocs CSS.

Site Web en trois colonnes entièrement en CSS

Les technologies utilisées prennent également en charge le navigateur

La mise en page du site sera entièrement mise en œuvre en CSS, il est également prévu d’utiliser du XHTML et du JavaScript épisodiques.

La mise en page CSS utilisée est prise en charge par Internet Explorer 6, les versions actuelles de Mozilla sont également Opera. Le tracé de certaines astuces, la disposition fonctionnera également dans Internet Explorer 5. Cela devrait suffire. Notre CSS est également contraint de faire appel aux navigateurs de texte ainsi qu’à d’autres appareils exotiques.

Les performances du code dans IE 4, Netscape 4 et les navigateurs plus anciens n’ont pas été testées, mais je suis sûr qu’il y aura des problèmes. Cependant, ce n’est pas critique, regardez les statistiques de popularité du navigateur de Hotlog, Spylog est également liveintenet.

Avantages et inconvénients de la méthode envisagée de mise en page de site CSS

La mise en page présente de sérieux avantages mais aussi d’énormes inconvénients. Vous devez décider de ce qui est le plus important pour votre site ainsi que pour ses visiteurs.

Inconvénients:

  • Ne fonctionne pas dans Internet Explorer 4, Netscape Navigator 4 est également un ancien navigateur.
  • La mise en page CSS (création de blocs et positionnement) n'est en aucun cas prise en charge par les navigateurs modernes. Par conséquent, la page doit être testée dans tous les navigateurs utilisés par votre salle afin de détecter des différences mineures mais déplaisantes dans l'affichage de la page.
  • Le farinage avec positionnement vertical détermine également la hauteur des éléments en CSS. Ce n'est pas si fier, à moins que vous ne vouliez adapter tous les éléments au pixel le plus proche.
  • Pour notre mise en page, il est nécessaire que la colonne avec le contenu principal ait une hauteur impressionnante par rapport aux colonnes latérales. Sinon, la page sera désordonnée. Pour être honnête, cette demande est typique de la plupart des sites au design vertical. Si les pages sont écrites manuellement (et ne sont en aucun cas générées par des scripts), la pièce peut être "finie" par des sauts de ligne.
  • Il est difficile de réapprendre à partir d’une table. Au début, les marges attraperont également le rembourrage :)

Plus:

  • Maîtrisant la mise en page CSS, il est facile de comprendre le code, de changer de style. Avec une disposition bien pensée de blocs CSS, les modifications de conception mineures ne sembleront