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
Vous désirez créer votre site web ? Je suiswebmaster en normandie sinon vous pouvez consulter mon profil yoolink pour suivre mon actu.

Discussion

Si vous ne pouvez pas lire les lettres, téléchargez ce fichier WEV et écoutez les.