28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous. Je suis face à un problème relativement simple te fréquent dans le design. Pourtant je m'y casse les dents depuis qq jours.

Voici le cas de figure:

je met trois div l'un en dessous de l'autre. Le premier et le troisième sont de tailles fixes. Celui du milieu contient le texte et s'agrandit en hauteur de façon dynamique.

Jusque la c'est très simple, la ou sa se corse, c'est que je souhaite que le texte déborde sur le div du haut et du bas.

Comme un dessein vaut mieux qu'un long discours:

http://wells83.free.fr/BUG/bug_depasse_bloc.PNG

A gauche ce qu'il est facile d'obtenir, à droite ce que je souhaite avoir.
Je bosse en XHTML 1.0 strict.

Si qq'un à une astuce, je suis vraiment preneur Smiley smile

Wells
Hmm...

Déjà, il n'est pas sûr que tu aies besoin de trois blocs séparés. Tu as peut-être besoin de deux ou trois blocs imbriqués. Ça va dépendre du design à réaliser (et là, impossible de dire quoi que ce soit à partir de ton schéma).

Ensuite, si tu restes sur les trois blocs séparés, les moyens de faire déborder un bloc sont les suivants:
- marges négatives;
- positionnement relatif.

Les marges négatives sont peut-être les plus adaptées ici.