Centrer div horizontalement - Plus grande que la résolution

Bonjour,

Ce sujet a déjà été posé sur ce forum, mais la solution donnée ne marche pas pour moi.


J'ai une div de 2000px,
je souhaiterai la centrée, et si la résolution est inférieure à 2000px alors l'image serai "coupée" sur les cotés et resterai centrée.

Cela ne marche pas avec ce code (un scrollbar horizontale apparaît) :

#top{

width: 2000px;

margin-left: 50%;

left: -1000px;

position: absolute;

} 

Merci d'avance pour votre aide,
Djukbox.
Modifié par Djukbox (19 Sep 2011 - 18:06)

Ne faut-il pas plutôt d'abord indiquer qu'on positionne en absolute puis indiquer l'espacement gauche ?

#top{
position:absolute;
width: 2000px;
left: 50%;
margin-left: -1000px;
}

Modifié par jojaba (19 Sep 2011 - 22:09)

jojaba a écrit :
Ne faut-il pas plutôt d'abord indiquer qu'on positionne en absolute puis indiquer l'espacement gauche ?

#top{
position:absolute;
width: 2000px;
left: 50%;
margin-left: -1000px;
}

Je ne savais pas que l'odre était important dans le CSS
Mais même avec le code "dans l'ordre", j'ai toujours l'ascenseur horizontal.

Il n'y a pas une balise pour dire que l’élément doit-être coupé si il dépasse de la résolution de l'écran ?
Modifié par Djukbox (20 Sep 2011 - 09:23)

il faudrait détailler ce que tu veux mettre dans #top, si ce n'est qu'un background, tu n'est pas obligé de mettre de width. Par contre tu vas devoir positionner ton image de fond avec background-position.

Bonjour,

il s'agit d'un objet flash.

Mais il est peut-être possible de le mettre en background, non ?