Discussion :

[cpf2006]

Bonjour

Je voudrais avoir 2 block (div) l'un en dessous de l'autre,
un block "en-tête" FIXE(figé) avec bouton retour (history -1) et une ligne,
un block "contenu" contenant l'affichage des lignes d'un fichier texte avec un scroll quand le contenu est trop grand et qui ne doit pas empiéter sur la div "en-tête" ...

Le problème est que les 2 se supperposent ...

le code php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
...
echo '<div STYLE="width:80%;position:fixed;background:white;">';
echo '<p align="right"><button onclick="goBack()">' . $go . '</button></p>';
...
echo '</div>';
 
echo '<div STYLE="height:auto;width:auto;margin-top:6em;position:absolute;overflow:hidden;">';
...
echo '</div>';
<?

Que me conseillez-vous ?

Merci d'avance

Carmelo

[cpf2006]

J'ai trouvé !!!

voici le code modifié

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
...
echo '<div STYLE="width:80%;position:fixed;background:white;top:0em;">';
echo '<p align="right"><button onclick="goBack()">' . $go . '</button></p>';
...
echo '</div>';
 
echo '<div STYLE="width:80%;margin-top:6em;overflow:hidden;float:both;">';
...
echo '</div>';
<?

la solution a été de retirer la position absolute de la 2ème div, mettre le overflow sur hidden et le float sur both (+ ajouter un top à 0 pour la 1ère div)

Carmelo