[Résolu] Problème de positionnement avec flottant

Hello,

je commence à devenir un habitué ici, mais revenons plutôt à mon problème (ce qui est le coeur de la discussion).

Pour faire simple, j'ai créé un bloc dans lequel j'insère une image en haut (elle même dans un bloc) et une partie réservée au texte et dans cette même partie j'ai créé un nouveau bloc que j'ai mis en flottant (droit) ainsi je peux profiter de l'effet du flottant qui repousse du texte, et depuis un peu plus d'une heure je tente de le placer désespérément en bas à droite de bloc, mais je pense que pour résumer tout, voici une petite image :



J'ai déjà "tenté" plusieurs choses : Les marges extérieures, le soucis c'est que ça bloque le texte (qui fatalement ne retrouve pas au dessus de l'image) puis je suis allé du côté de propriété Css "position" (et plus particulièrement avec une position relative pour que ce soit plus facile) et après c'est surtout du mic mac (changement de place du code dans le flux, mélange entre les marges et les positions...).

Voilà donc si vous avez une solution (qui ne consiste pas à mettre le bloc en absolu et à scinder en deux bloc, une partie pour le texte et une autre pour mon bloc concerné) je suis preneur
Modifié par Maitre Jiraya (03 Aug 2009 - 22:48)

Bonjour,

Un élément flottant sera flottant à gauche ou à droite. En aucun cas il ne peut être flottant en haut à gauche, en haut à droite, en bas à gauche ou en bas à droite. Pour «en haut à gauche» et «en haut à droite» on y arrive, vu qu'il suffit de placer l'élément flottant au tout début du conteneur pour obtenir ce type de résultat. Pour faire «flotter en bas», par contre, c'est juste pas possible du tout.

Maitre Jiraya a écrit :
si vous avez une solution (qui ne consiste pas à mettre le bloc en absolu et à scinder en deux bloc, une partie pour le texte et une autre pour mon bloc concerné)

Non, j'ai pas.

Après on peut bidouiller un effet imparfait mais proche de ça en utilisant JavaScript pour placer un élément vide (que l'on pourra styler en float:right;width:160px;height:70px;) quelque part dans le dernier paragraphe, à plus ou moins N caractères de la fin du paragraphe. La valeur de N étant à déterminer empiriquement, en testant un peu ce qui passe plus ou moins bien.
(Tout ça servant à créer un vide, où l'on pourra placer le lien lire la suite et son fond en absolu.)

Ok c'est tout ce que je voulais savoir merci beaucoup