Ruban qui "dépasse" sur la droite d'une page web

Bonjour à tous !

Je suis en train d'intégrer le design d'un site web en HTML&CSS et je suis confronté à un problème : je souhaiterais mettre en place, droite du contenu, un bout de ruban qui dépasserait du bloc principal sur la droite. Voici une image pour résumer ce que je dis : http://img15.hostingpics.net/pics/185562example.png

Donc, comment positionner ce ruban tout en centrant le bloc rouge sur la page, et sans recourir à des marges négatives ?

Merci d'avance pour vos réponses !

Bonjour, pour effectuer ce genre de décalage, on utilise le positionnement relatif ou absolu.

Le positionnement relatif permettra que le h (probablement) concerné garde sa hauteur et sa position dans le flux, mais en le décalant de quelques pixels sur la droite, et devrais donc être la bonne méthode dans ce genre de cas.

En effet, les marges négatives, c'est comme croiser les flux, c'est mal.
Modifié par kustolovic (13 Apr 2012 - 10:48)

Bonjour,

Voici un cas pratique que j'avais sous la main :
http://blogs.sitepointstatic.com/examples/tech/css3-ribbons/index.html
Ce ne sont pas les exemples qui manquent sur la toile
A adapter à ton besoin.

Pourquoi les marges négatives ne sont pas bien kustolovic ? 6l20 les utilisent, moi aussi d'ailleurs, et ça marche bien.