IMPOSSIBLE d'afficher ça en CSS avec mes connaissances :
 

 
Le container (cadre rouge/orange) est un bloc DIV...
 
Comment faire ? Ca fait 2 jours que je me bat avec ça, j'ai essayé du float, du display:block ou inline, j'ai joué avec les marges, rien à faire ça me gave !!!
 
Ai été voir alsacreations, mediabox (propriétés CSS)... rien pu en tirer !
 
Alors je jette une bouteille à la mer dans ce forum, désolé si c'est saoulant mais là je craque...    
 
MERCI d'avance
 

Avec le positionnement absolu

Non, c'est un bloc qui se répète plusieurs fois dans la page (plusieurs images et textes associés)...
 
En absolu tout va se superposer (déjà essayé ) !

ET en mettant

C'est pas valable ?
Attention jsui loin de maîtriser les CSS  

Non, pas si tu positionnes le bloc conteneur.
 
Lire http://incongru.webdynamit.net/PositionnementCss sur le positionnement absolu et en particulier les exemples :
 
http://incongru.webdynamit.net/upl [...] olu-1.html
http://incongru.webdynamit.net/upl [...] olu-2.html

SI je positionne le conteneur en relative et les blocs image et texte en absolute ça marche presque :
 
Le conteneur devient tout plat et l'image et le texte débordent vers le haut en chevauchant tout le reste de la page !
 
Or j'aimerais que le conteneur épouse la hauteur des blocs qu'il contient...
 
A l'époque je faisait ça en deux coups de cuillères à pot avec des tableaux

Ca me gave.
 
Ca existe pas un convertisseur de tableau vers du CSS ? Je commence à douter que tout soit possible avec ce dernier
 
l'aurait suffit d'un tableau de 2x2 avec un rowspan pour l'image et voilà... et demain on remplacera le CSS par quoi, que je m'y mette dès maintenant ?

Fixe la hauteur du conteneur

 
Ben oui mais mais si l'image dépasse la hauteur du conteneur ?
 
Me dis pas qu'il faut que je fasse une #id avec un style spécifique (hauteur) en fonction de l'image, il me faut de l'universel !

Ca serait pas mal que tu dises dès le départ quelles sont tes contraintes ça éviterait que ceux qui veulent t'aider partent dans des fausses directions.
 
Donc je répète, qu'est-ce qui doit fixer la hauteur du bloc conteneur ? L'image ou le texte ?

Tu connais la taille de ton image de toute façon, non   ?
 
Quatre div: un global (dont tu connais largeur et hauteur, centré sur ta page), un avec la photo (float: right avec dimensions connues), ton div rien (float left, dimensions connues), div texte (float left, dimensions connues).
 
Ca passe pas ?

Avec ça tu as ce que tu cherches:
 

 
Eh bien... le plus haut des deux
 
Ce sera le plus souvent l'image, mais j'aimerais un truc universel.
 
Comment adapter un div conteneur à la taille de son contenu ?

 
Considères qu'il y a 10000 images avec 10000 textes associés dans une BDD et que la page php va tout charger et faire le XHTML... et le CSS mets en forme tout ça... donc non je ne connais pas forcément la taille de mon image !
 
Pour ton code, merci  
 
Mais pas de taille fixe, faut que ça s'adapte au contenu... et quand on enlève les tailles fixes tout part en sucette bien sûr !
 
Mais j'y ai trouvé une idée : celle de mettre l'image en float:right et le texte en float:left... ça ne donne rien !
 
J'ai lu qu'on pouvait tout faire en CSS, d'où mon acharnement... mais c'est peut-être pas vrai après tout  

Alors pour un truc universel passe ton chemin. A priori on peut le faire avec les CSS mais ça ne marchera pas avec IE. Donc à moins de faire une usine à gaz bourrée de hacks autant rester avec les tableaux.
 
Ou alors il faut que ton texte parte du haut (alors c'est trivial)
 

On peut effectivement presque tout faire avec les CSS, mais parfois, l'implémentation très imparfaites par des navigateurs anciens (IE en particulier) limite notablement certains usages.