Discussion :

[xoco]

Bonjour a tous,

Je commence un site qui fait une largeur totale de 1500 px avec ma page centrée d'une largeur de 966px ( le contenu) et 1 colonne a gauche et une colonne a droite qui font remplissage ( respectivement 279 et 255px)

Ce que je souhaite, c'est que ma page soit toujours centree, et en fonction de la resolution, on voit plus ou moins les colonnes de gauche et de droites de remplissage.

Le probleme que je rencontre aujourd hui est que la colonne de gauche s affiche entierement ( 279 px) puis le contenu, mais du coup il est excentré, et on ne voir casiment rien de la page de droite... J'aimerai que la page soit toujours centrée...

Merci d'avance

[Invité]

1 colonne a gauche et une colonne a droite qui font remplissage ( respectivement 279 et 255px)

Bonjour,
ces 2 colonnes contiennent quoi ?
- uniquement une image, un fond, de l'illustration ?, bref, des trucs sans importance capitale (et qu'on peut ne pas voir, ou tronquer)
- ou du contenu cliquable ? (menu ? ...) qu'il faut pouvoir faire défiler et voir entièrement ?

[xoco]

Du remplissage, c'est a dire, une image troncable qui fait joli et qui se repete sur l axe des y.

[Invité]

Bonjour,
dans ce cas, autant mettre cette illustration en fond de body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
html { margin:0; padding:0; height:100%; }
body { 
	overflow:auto; margin:0; padding:0; height:100%;
	text-align:left; font-size:1em; color:#000;
	background-image:url('../img/fond-qui-fait-joli.jpg') repeat-y top center; /* image de fond */
}
#container-centrer { 
	position:relative; clear:both; 
	margin:0 auto; padding:0; /* centrage horizontal automatique */
	width:966px; 
}