2 couleurs en background (en vertical)

t_penible

31 Oct 2008 à 15:54

Bonjour,
dans le cadre d'un habillage promo d'un site, je dois mettre 2 couleurs en background, comme ceci : upload/18357-maquette.jpg

J'ai utilisé la technique de l'image super large dans le body pour que cela puisse d'adapter à toutes les résolutions, mais j'aurais voulu savoir si il y avait une autre technique pour faire ça, en utilisant la propriété color du background plutôt que de faire une image pour 2 couleurs ?

J'ai testé plusieurs façons mais rien de bien concluant Smiley decu

Merci.

cahnory

31 Oct 2008 à 16:15


body
{
height:100%;
background:#000;
}
#background
{
position:absolute;
left:50%;
top:0;
height:100%;
width:50%;
background:#0F0;
}


<body>
<div id="background"></div>
</body>

fvsch

31 Oct 2008 à 16:20

Hello,

Non, rien avec la propriété background ou avec background-color. Donc on utilisera bien une image de fond.

Tu pourrais éventuellement placer deux éléments en positionnement fixe et prenant chacun 50% de la largeur, puis le conteneur global positionné en relatif par dessus. Mais ce serait un peu du bricolage (non compatible IE6 qui plus est).

CSS et mise en forme, CSS3

2 couleurs en background (en vertical)