[ Débutant ] Placer une boîte à la suite d'une table en position "absolute"

**j0o0** · 11/07/2008, 12h26

Bonjour,

Comme le titre l'indique, je souhaiterais placer une boîte à la suite d'un tableau (table) qui lui est en position "absolute" et qui est l'élément principal de la page, pouvez-vous m'indiquer comment faire svp ? Quoique je fasse, la boîte se place toujours en haut de la page, en superposition avec le tableau...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
 
<body>
 
    <table style="position:absolute;top:0px;">
        <!-- contenu du tableau -->
    </table>
    <div style="?">
        <!-- contenu de la boîte -->
    </div>
 
</body>
 
</html>

En sachant que le tableau doit rester en position absolute et que je ne peux pas inclure le contenu de la boîte dans une nouvelle ligne du tableau...

Merci !

**Erwan31** · 11/07/2008, 12h59

Bonjour,
Le positionnement absolue est en dehors du flux normal, c-a-d que l'élément qui en est pourvu n'a aucun effet sur les éléments qui l'entourent.
Mais celui-ci ne devrait être utiliser qu'en dernier recours en partie pour cette raison. Pourquoi dois tu passer par ce type de positionnement?

La solution consiste à ajouter un padding-top (en em pour que l'agrandissement des polices ne pose pas de problème de chevauchement) de la hauteur du tableau (si celle-ci reste fixe) au niveau du conteneur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<body style="padding-top: 15em">
     <table style="position:absolute;top:0px;">
        <!-- contenu du tableau -->
    </table>
    <div style="?">
        <!-- contenu de la boîte -->
    </div>
</body>

**Bovino** · 11/07/2008, 13h07

+1 avec Erwan, d'autant que dans ton cas, le position absolute du tableau n'a aucune influence sur l'affichage... (Tu le positionnes à l'endroit où il serait sans positionnement).
Alors souviens toi de çà : ce qui est inutile est dangereux !

**j0o0** · 11/07/2008, 18h18

Merci pour vos réponses !

Je travaille en fait en PHP, le contenu de la page est généré avec un moteur de templates, ce contenu peut contenir à peu près tout et n'importe quoi (dont un tableau en position "absolute") et une fois ce contenu généré je dois y ajouté du contenu à la suite.

[ Débutant ] Placer une boîte à la suite d'une table en position "absolute"

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager