élément sortant du conteneur : c'est pas normale !
GOWAP
J'utilise H1 pour des titres et la mise en forme est en CCS.
A l'intérrieur du H1, je veux mettre un bloc en position droite totalement
contenu dans le H1 ; le problème, c'est que l'éléments n'est pas "contenu"
par H1 ; en effet, le H1 ne s'ajuste pas à la hauteur du contenu.
L'analyse : nous partons de la ligne html suivante :
<h1>titre<span>droite</span></h1>
Le contenu du "span" est un texte pour l'exmple, mais cela pourait etre une
image, un lien, ou autre. Je force la taille du span en 2 * la hauteur de la
police parente. Ainsi, je suis sur qu'il est plus grand.
Vous trouverez ci-dessous, le code minimal, apportant le problème.
Je pensais quand utilisant un "display:block", cela forcerait le span à être
un bloc, mais cela change rien. J'ai ajouter un width:50% pour être certain
que le "span" est bien positionné sur le conteneur H1.
<html>
<style>
h1 {position:relative; font-size:100%; border:1px solid blue;
vertical-align:middle; width:50%}
h1 span { height:2em; border:3px solid green;
position:absolute;right:0px;top:0; }
</style>
<body>
<h1>titre<span>droite</span></h1>
</body>
</html>
Merci de la solution que vous m'apportrez.
GOWAP
Laurent Jordi
Les diplay:block et inline ne sont pas encore bien pris en charge par les
navigateurs. Aussi, je te suggère vivement soit :
De mettre ton H2 dans un div avec un text-align:right
ou
Utiliser une table
Nombreux sont ceux qui médisent sur l'utilisation des table mais ça reste
incontestablement le moyen le plus fiable de correctement positionner des
éléments à l'écran pour que le résultat soit le même quelque soit le
navigateur.
++
Laurent Jordi
http://www.ezlogic.mc
http://www.laurentjordi.net
"GOWAP" <go...@fr.fm> a écrit dans le message de news:
46929d5a$0$22406$426a...@news.free.fr...