Bonjour,
Je viens clarifier un petit détail qui ne me semble pas clair dans les explications fournies XD
La propriété css
position:relative
permet de définir l'élément concerné (une div par exemple) comme "point de repère" pour tout élément fils.
La propriété css
position:absolute;
permet de définir le positionnement de l'élément concerné par rapport soit au
body
, soit au parent positionné en relatif (ou absolu, par ailleurs).
Dans la pratique :
L'élément rouge est positionné par rapport à l'élément vert '_' L'élément vert est le "parent" de l'élément rouge parce que celui ci est à l'intérieur (le div rouge est dans le div vert)
- Code:
-
<div style="position:relative;width:150px;height:150px;background:green">
<div style="position:absolute;width:100px;height:100px;top:-10px;right:-10px;background:red;"></div>
</div>
Pour éviter d'accumuler les modifications dans le code source, je te conseille de rajouter ceci dans ton CSS :
- Code:
-
.bodylinewidth {
position:relative;
}
Cela mettra le corps du forum en élément de référence plutôt que le navigateur.
Mais par contre, il te faudra placer ta "bulle" à l'intérieur de la table concernée. Je suggère que tu places ton code dans overall_header juste
après cette ligne
- Code:
-
<td class="bodyline">
(Soit dit en passant, l'usage des iframe n'est pas très utile je trouve XD)