Bonjour,
je souhaite refaire le template de mon site car la première version a été faite à la "va-vite". Le résultat se trouve sur cette page :
On remarque différents problèmes d'alignement des div, surtout si la résolution de l'écran est basse (1024)
La nouvelle maquette se présente comme suit :
le div wrapper contient tout mon site. Le site est composé de trois div :
J'imagine qu'il existe de nombreuses stratégies et que la mienne n'est pas forcément la meilleure, mais je souhaite procéder de cette manière.
J'ai préparé une première version du code :
Quelle est la meilleure stratégie pour la feuile de style ?
attribut position des div
attribut float des div
attribut margin des div
attribut z-index des div
de manière générale, comment faire pour que les div (du centre et du bas) se suivent, ne sautent pas à la ligne, que la div de contenu ait une largeur minimale et qu'elle s'adapte en largeur si nécessaire ? Si vous regardez le lien ci-dessus, vous verrez ce que je souhaite obtenir mais de manière plus "propre". Je souhaite également que le visiteur n'ait pas d’ascendeur verticale sur son écran.
Merci d'avance pour vos conseils.
je souhaite refaire le template de mon site car la première version a été faite à la "va-vite". Le résultat se trouve sur cette page :
On remarque différents problèmes d'alignement des div, surtout si la résolution de l'écran est basse (1024)
La nouvelle maquette se présente comme suit :
le div wrapper contient tout mon site. Le site est composé de trois div :
- div "contenu_haut" : à droite un div avec une image logo
- div "contenu_central" : à gauche une image, à gauche (à la suite) le menu, sur la place restante le contenu des articles avec une largeur minimale qui s'adapte selon l'écran du visiteur. La hauteur s'adapte au contenu
- div "contenu_bas" : contient deux div de liens (logo ou liens hypertextes)
J'imagine qu'il existe de nombreuses stratégies et que la mienne n'est pas forcément la meilleure, mais je souhaite procéder de cette manière.
J'ai préparé une première version du code :
<div id="wrapper">
<div id="contenu_haut">
<div id="logo"></div>
</div>
<div id="contenu_central">
<div id="picture"></div>
<div id="menu"></div>
<div id="contenu"></div>
</div>
<div id="contenu_bas">
<div id="link1"></div>
<div id="link2"></div>
</div>
</div>
<div id="contenu_haut">
<div id="logo"></div>
</div>
<div id="contenu_central">
<div id="picture"></div>
<div id="menu"></div>
<div id="contenu"></div>
</div>
<div id="contenu_bas">
<div id="link1"></div>
<div id="link2"></div>
</div>
</div>
attribut position des div
attribut float des div
attribut margin des div
attribut z-index des div
de manière générale, comment faire pour que les div (du centre et du bas) se suivent, ne sautent pas à la ligne, que la div de contenu ait une largeur minimale et qu'elle s'adapte en largeur si nécessaire ? Si vous regardez le lien ci-dessus, vous verrez ce que je souhaite obtenir mais de manière plus "propre". Je souhaite également que le visiteur n'ait pas d’ascendeur verticale sur son écran.
Merci d'avance pour vos conseils.