Bonjour à tous ^^

Je débute dans le HTML/CSS et j'ai crée mon portfolio il n'y a pas longtemps mais je suis bloqué sur un point qui commence a réellement me poser problème.

Tout d'abord voila un lien menant vers mon portfolio :

http://www.iesanetwork.com/j.navega/

Tout le site est centré sur un zoom de la fenêtre de 100% (sur google chrome) mais dès que la page est modifié ,ou rétrécit ,aucun des elements ne restent a sa place. Par exemple, la barre de navigation s'écrase au fur et à mesure de du rétrécissement de la page ,les icônes de la catégorie "contact" ainsi que le formulaire ne reste pas a leur emplacement.

J'aimerai donc connaitre une balise ,tuto ,astuce qui me permettrait de faire en sorte que tout reste à sa place, peu importe la modification de page.

Désolé si cette question était deja posé Désolé aussi si ma demande n'est pas trés claire Je reste a votre disposition pour toute question

Merci d'avance

Comme exemple de ce que je veux , on peut prendre le site de JV.com

Quand on diminue la page , le site s'adapte en conséquence

C'est tout ce que je veux faire et simplement éviter que tout parte en fresstyle comme sur le mien Désolé du double post , j'essayais juste d'être (un peu) plus claire

Bonjour,

Alors plusieurs erreurs dans ton code.

La balise <section> n'est utilisable qu'avec de l'HTML5 hors la ton doctype est en xHtml.

Ensuite, ton site est mal fait car il n'y a aucun conteneur c'est à dire que si tu met tout ton site dans une div avec pour propriété css :

margin: 0 auto;
width: 960px // Par exemple

Et bien ton site se retrouvera centré et ne bougera plus si tu redimensionne la page. Actuellement tu as mis une margin-left a 21% ca va pas sans conteneur fixe..

Si tu as besoin d'aide hésite pas.