Le principe de la méthode
Tout d’abord nous avons deux divs que j’ai nommé « container » et « content ». Le div « content » sera centré dans le div « container ».
Pour centrer verticalement un div dans un autre, nous allons avoir besoin d’un div supplémentaire « temp » de hauteur de 1px et qui sera positionné à top : 50% du div container. ce « temp » contiendra donc le div « content » qui sera positionné à top:-50% de sa hauteur. Et comme par magie, il sera centré verticalement par rapport au div « container ».

Travaux Pratiques :
Le code XHTML correspondant est donc le suivant :

.
.
.
<div id="container">
  <div id="temp">
    <div id="content">
      Contenu du div à centrer
    </div>
  </div>
</div>
.
.
.

Comme vous le voyez, le div « container » contient le div « temp » qui contient le div « content ».

Passons maintenant au code CSS correspondant :


.
.
.
#container {
    height:500px;
    width:700px;
    position: relative;
}
#temp {
    position:absolute;
    height:1px;
    overflow: visible;
    top:50%
}
#content {
    position:absolute;
    height:200px;
    width:200px;
    top:-100px;
}

Vous avez surement remarqué le « overflow:visible » du div « temp » qui permet d’afficher ce qui dépasse puisque sa hauteur n’est que de 1px.

Résultat :

Voila ce petit tutorial est terminé, si vous avez des questions ou autre, n’hésitez pas.

Et comme une bonne nouvelle ne vient jamais seule, les développeurs ont pensé aussi aux débutants avec la mise en place d’un nouveau tutorial « Jobeet » pour permettre de maitriser Symfony assez rapidement et se rendre compte de ces atouts.

Les nouveautés de Symfony1.2

• ORM Doctrine et Propel : Grâce à cette nouvelle version le plugin permettant d’utiliser l’ORM Doctrine est présent par défaut mais il ne remplace pas Propel, il faudra choisir votre configuration si vous voulez ce faire. Propel quand à lui passe à la version 1.3, offrant ainsi de meilleures performances.

• Un nouveau générateur d’administration : comme vous le savez, Symfony vous évite la tâche fastidieuse de développer un gestionnaire d’administration pour vos applications web grâce à son générateur configurable à votre guise. Celui ci a complètement été réécrit grâce à la nouvelle gestion des formulaires introduites dans la version 1.1 mais tout en gardant une rétro compatibilité avec les versions précédentes.

• Un nouveau système de routage (Architecture REST).

• Amélioration de la gestion des formulaires MVC introduites dans la version 1.1

• Les helpers JAVASCRIPT, Scriptaculous et Prototype : Les deux frameworks Javascript/AJAX (Scriptaculous et Prototype) sont maintenant intégrés grâce à des plugins séparés et de nouveaux helpers javascripts basiques ont été ajoutés.

• Améliorations des tests fonctionnels.

• Ainsi que d’autres améliorations plus ou moins importantes…

Jobeet

Rappeler vous du premier tutorial Askeet, mis en place à l’occasion du lancement de la première version 1.0 de Symfony. Ce tutorial avait permis à un grand nombre d’adopter Symfony dans un temps record. Les développeurs cette fois ci frappe fort avec un nouveau tutorial « Jobeet » qui va permettre de développer une VRAI application web fonctionnelle de A à Z en 24 heures à l’ordre d’une heure par jour.

Vous apprendrez donc l’utilisation du framework Symfony 1.2 et sentirez également l’apport énorme de ce framework en matière de développement d’applications web. Votre seul prérequis nécessaire est la connaissance des bases du PHP 5.

Ce tutorial servira également aux personnes ayant déja une certaine connaissance de Symfony puisqu’il leur permettra de se familiariser avec les nouveautés de cette nouvelle version.

Moi aussi je v m’y mettre sans tarder, la première heure du tutorial c’est par ici (en anglais seulement pour l’instant, mais la traduction ne devrait pas tarder).