Diviser la background en 2 horizontalement

Bonjour tous le monde, je m'excuse par avance des petites fautes d'orientation que je peux faire, je n'utilise que très rarement les forums.

Je suis actuellement en train de monter un petit site Flash.
J'aimerais que le background de ma page HTML sois divisé en 2 horizontalement.

Une partie orange en haut, et noir en bas, en sachant que la ligne séparatrice doit se trouver au milieu quelque soit la résolution ou la redimension de la page. ( mon flash sera centré horizontalement et verticalement à l'aide de TABLE et CSS.

J'ai des bases correctes en CSS/HTML mais là je sèche.

J'espère que j'ai été assez clair.
Merci par avance de vos réponses ou orientations.

FrankyC

Bonjour,

Le plus simple est d'avoir une seule image, de très grande taille (par exemple 100px de large pour 3000 ou 4000px de haut). Qui sera divisée en deux en son centre avec les couleurs que tu veux aux bons endroits et ta barre de séparation au milieu.

Cette image sera ensuite positionnée :

body{
  background:#000 url(ton_image) repeat-x center center;
}

(bon techniquement "top center" ou "center top" devrait suffire, mais je ne sais plus dans quel ordre ils doivent être ^^; )
Modifié par Laurie-Anne (18 Jan 2010 - 14:45)

Laurie-Anne a écrit :
(bon techniquement "top center" ou "center top" devrait suffire, mais je ne sais plus dans quel ordre ils doivent être ^^; )

Lorsque le positionnement de l'image d'arrière-plan est exprimé par des mots-clés, l'ordre de déclaration n'a aucune importance (contrairement à l'ordre de déclaration du positionnement exprimé en valeur numérique, auquel cas la valeur du positionnement horizontal doit être déclarée en premier).

Merci beaucoup Laurie Anne et Victor BRITO, c'est pas bête, simple et efficace, celà fonctionne très bien. Merci !

Le problème est donc [résolu] ?