CSS / Souci de mise en page

Bonjour,

Je me permets de venir vers vous afin de résoudre un souci de mise en forme css.
Merci d'avance pour votre aide.

Je souhaite reproduire un comportement très facile à réaliser à l'aide d'un tableau en CSS.

J'ai un conteneur global de largeur fixe.
Un sous bloc à gauche avec une image de largeur ET de hauteur variable.

Un bloc sur la droite de hauteur variable (qui peut être plus haut que mon bloc de gauche avec l'image). La largeur s'adapte à la largeur de la colonne gauche.

Le souci : lorsque le contenu du corps du bloc de droite passe sous mon bloc de gauche dès lors que le contenu de droite est plus "haut" que mon contenu du bloc de gauche (hauteur de l'image)


Allez, un lien sera plus parlant. Merci d'avance. En espérant qu'une solution full-css soit possible.
http://www.64matchschrono.com/test.html

Julien

Il suffit de donner une marge à gauche à ton bloc de texte de la taille de ton bloc de gauche.

Par contre je trouve que tu imbrique beaucoup pour juste ces 2 div, tu ne devrait avoir que... 2 divs (avec éventuellement un troisième pour ajouter un fond commun)
Modifié par Yasashii (05 Dec 2008 - 11:38)

Bonjour et merci.

Je ne connais malheureusement pas la taille du mon bloc de gauche, puisqu'elle dépend de la taille de l'image.

Concernant l'imbrication des divs, il s'agit de contraintes annexes que tu ne visualises par en raison de la réduction du code, pour l'exemple.

Julien