Petit exemple facile*
html, body *{margin: 0; padding: 0; height:100%;}
*#conteneur* { min-height:100%; width:1024px; margin:0 auto;} /min-height force le conteneur à avoir la hauteur de ton écran. L'instruction auto, centre le conteneur dans ton body/
*#header* {margin:0;padding:0;} /Si tu veux mettre une banniere chapotant tes 3 colonnes, c'est la dedans/
*#gauche* {margin-top:0; float:left; width: 165px;} /flotte à gauche: float:left/
*#page* { float:left; width:467px; margin:15px 0 10px 0;}/flotte à la gauche du menu de gauche/
*#droite* { margin-top:0; float:right; width: 165px; }:/Flotte à droite /
*#pied *{clear:both; margin:0; position:relative; width:800px; margin:0;padding:0;text-align:center;}- /Clear:both; force le bloc pied à passer sous tes trois colonnes/
Tu as le corps (html, body) c'est ton écran
Le conteneur du site: conteneur
L'entete qui chapotte tes trois colonnes (header)
La colonne des menus de gauche: gauche
La page centrale : centre
La colonne de droite: droite
Le pied qui s'étale sous tes trois colonnes: pied
Tu les appelles dans cette ordre
<div id="conteneur">
<div id="header">
Mon entete
</div>
<div id="gauche">
Mon menu à gauche
</div>
<div id="page">
Ma page centrale
</div>
<div id="droite">
Mon menu de droite
</div>
<div id="pied">
Mon pied de page
</div>
</div>
Voilou, tu adaptes tes largeurs pour avoir 1024 pixels de large au total.
Camille
Eric a écrit :
Pourquoi ne pars tu pas du layout Gala qui te convient le mieux ?
Ensuite tu rajoutes ta sauce dans un cadre qui est censé fonctionner.
Eric
Le 20 octobre 2009 09:39, mailou <mailou23@gmail.com <mailto:mailou23@gmail.com>> a écrit :
Bonjour,
Je cherche depuis un moment et je ne m'en sors pas,
*Le site* <http://www.maiquez.net/>, trois colonnes, est optimisé
1024x768, mais dès que je change de résolution les colonnes se
chevauchent, j'ai essayé plusieurs méthodes et réglages et je ne
réussis pas, mes colonnes:
div#conteneur { position: static;
div#navigation {
position: absolute;
div#extra {
position: absolute;
J'aimerais bien pouvoir offrir la même image quelque soit la
résolution, même avec les explications de "Alsacréation" je nage.
Merci de vos conseils
-- C'est pas parce que je suis venu, qu'il faut croire que je suis là.
_______________________________________________
liste spip
spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net
Documentation de SPIP : http://www.spip.net/
Irc : de l'aide à toute heure : http://spip.net/irc
------------------------------------------------------------------------
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net
Documentation de SPIP : http://www.spip.net/
Irc : de l'aide à toute heure : http://spip.net/irc