Placer des éléments hors de l'écran

Il peut arriver que, selon la résolution d'écran de vos visiteurs, vous vouliez placer une partie d'un élément en dehors de l'écran sur vos page web. Mais vous ne voulez pas voir apparaître d'ascenceurs. Overflow:hidden serait alors la solution mais vous n'auriez alors plus ni ascenseur verticaux ni latéraux.

Voici une solution très simple à mettre en place.

css
html {
overflow-x:hidden;
}

Il ne vous reste plus qu'à positionner votre image en absolute où vous le désirez.

Voici deux exemples d'un même site utilisant cette méthode mais sous deux résolution différentes.

1024×768:
1024-768.jpg
1280×960:
1280-960.jpg

bien sûr overflow-y permet de gérer les ascenceurs verticaux.


19/09/2006 12:59 -

ManiT4c
Gérant et chef de projet de l'agence web Op'art, je suis également webmaster freelance. Retrouvez moi également sur twitter.