Probleme DIV scrollable dans un Tableau - HTML/CSS - Programmation
Marsh Posté le 28-03-2006 à 14:27:35
essaye en mettant l'overflow sur ton td ...
quand a
Citation : quand a l'utilisation de tableaux, c'est dans le cadre d'une page ASP.NET, donc evitons les derives CSS etc... |
ça n'a STRICTEMENT RIEN A VOIR!!! Utiliser de l'ASP n'est en rien en excuse pour utiliser des tableaux pour de la mise en page HTML...
Marsh Posté le 28-03-2006 à 15:44:59
anapajari a écrit : essaye en mettant l'overflow sur ton td ...
|
+1
Les tableaux imbriqués c'est moyen.
De plus :
OVERFLOW : scroll
Ca ne s'utilise pas sur un tableau, à ma connaissance c'est compatible uniquement avec une DIV.
Marsh Posté le 28-03-2006 à 15:56:22
Ma remarque est basé sur les projets ASP, car je suis contrait d'utiliser cette methode la, ne me demandé pas pourquoi j'en ai pourtant parler a mon chef de projet.
Donc jprefere qu'on se focalise sur mon probleme qui je crois n'a pas de solution.
J'ai essayé un Overflow sur le TD et sa ne change rien, je crois que c'est un truc qu'est impossible a gerer, me trompe-je ?
Marsh Posté le 29-03-2006 à 11:06:43
ça ça a l'air de marcher non ?
Code :
|
http://www.freedfromparis.com/temp/OR/_test/test3.htm
je pense qu'il faut que tu donnes une taille fixe à ton td dans lequel tu mets ton div, car la valeur 100% est par rapport à l'élément parent il me semble... sinon ça marche pas
Marsh Posté le 29-03-2006 à 12:16:07
massamu a écrit : |
L'overflow, c'est dans le DIV qu'il faut le mettre.
<div class="divmain" id="TotauxFacturation" style="overflow:scroll;">
Si je dis pas de bêtises.
Marsh Posté le 29-03-2006 à 12:57:51
C'est ça effectivement
Marsh Posté le 29-03-2006 à 17:47:16
MrNatas a écrit : L'overflow, c'est dans le DIV qu'il faut le mettre. |
J'ai essayer egalement, sa ne fonctionne pas, le DIV force la taille du TD le contenant
Marsh Posté le 29-03-2006 à 17:52:51
je vois ce que tu veux dire...
Tu pourrais essayer en mettant ton div en dehors de ton tableau et en lui mettant une position en absolute là ou tu veux le placer, ça fera comme si.
Marsh Posté le 29-03-2006 à 18:55:32
Si je le met Hors de mon tableau plus rien n'empechera au DIV de grandir horyzontalement.
J'aimerais eviter de lui donner une taille fixe en pixel en fait, c'est pour ca que je l'ai inclu dans un TD, afin de le forcer a rester a l'interieur.
Marsh Posté le 29-03-2006 à 18:56:28
Je crois que tu dois définir une taille fixe pour la div pour qu'elle passe en overflow tout le contenu qui sortirait en temps normal.
Marsh Posté le 29-03-2006 à 19:04:13
Shinuza a écrit : Je crois que tu dois définir une taille fixe pour la div pour qu'elle passe en overflow tout le contenu qui sortirait en temps normal. |
Je crois même que t'en es sûr ^^ , ça semble logique !
Marsh Posté le 29-03-2006 à 19:04:28
Pourquoi ça?
Marsh Posté le 29-03-2006 à 19:55:52
Parce que si tu met pas de taille fixe à ton div, c'est normal qu'il s'adapte au contenu. Il grandit au fur et a esure que tu le remplit.
Donc essaie width:800px; height:100px; overflow:scroll; ça va peut être marcher.
Marsh Posté le 29-03-2006 à 20:45:51
Le scroll fonctionne quand je met une taille fixe y'a pas de probleme ca
Le truc, c'est que j'aurais préféré que je le mette dans un TABLEAU, et qu'ensuite je lui mette width = 100% et que je mette a mon tableau la largeur 80% ainsi je suis sur que le DIV ne sera jamais trop large pour toutes les resolutions.
Je sais pas si je suis tres clair
En gros si je met un taille fixe a mon DIV, il se peut qu'il soit trop large pour de basses résolutions ce qui ne m'arrange pas du tout.
Voila voila
Marsh Posté le 29-03-2006 à 20:56:35
Bah un petit script pour détecter les résolutions alors ?
A moins que tu ne mette la taille fixe qu'en hauteur, mais je me demande si tu vas pas te retrouver avec un div de 300m de lomng....
Marsh Posté le 29-03-2006 à 22:14:10
Voila c'est ce que sa donne, un DIV super large lol
Enfin bon c'est pas grave je le mettrais en taille fixe
Marsh Posté le 12-07-2006 à 18:04:12
massamu a écrit : Voila c'est ce que sa donne, un DIV super large lol |
J'ai le meme probleme.
Ca fonctionne sous IE et opera mais pas sous Firefox ou le div prend la taille du contenu...
Bref impossible d'avoir une page contenant une entete et un pied de page de taille fixe et un contenu prenant le reste de la place et scrollable sans recourir au script...
Marsh Posté le 12-07-2006 à 18:39:19
nithril a écrit : J'ai le meme probleme. |
Non, c'est pas impossible. Faites une recherche avec mon nom, j'ai donné la solution il y a un ou deux ans de ça à peu près...
Marsh Posté le 12-07-2006 à 18:47:24
La solution :
Code :
|
Marsh Posté le 12-07-2006 à 21:15:13
Yes merci!
Maintenant pourquoi ca marche ? J'imagine qu'en absolute il s'adapte au parent et non pas a son contenu
Marsh Posté le 28-03-2006 à 14:23:23
Salut,
Je cherche a integrer une DIV dans un TD de manière a ce que si le contenu du DIV est trop grand (en largeur) une barre de scroll aparaisse.
Le soucis est que j'aimerais fixer la DIV a 100% et non pas a une taille fixe en pixel.
J'ai utilisé la propriété OVERFLOW : scroll, mais sa ne marche pas.
Quand je fixe a 100%, mon tableau se trouve automatiquement grandit egalement !
Donc la je suis completement bloqué, je ne sais pas comment faire
Si vous avez une petite idée, sa serais pas de refus
Ps : quand a l'utilisation de tableaux, c'est dans le cadre d'une page ASP.NET, donc evitons les derives CSS etc... merci
Mon code :
<table cellSpacing="0" cellPadding="5" width="100%" border="0" style="Overflow:scroll">
<tr>
<td width="60%">Filtrer par agence et/ou par activité, par CAF.</td>
<td width="20%"><asp:button id="btnImprimer" Runat="server" Text="Imprimer"></asp:button></td>
<td width="20%"><asp:button id="btnExporter" Runat="server" Text="Exporter"></asp:button></td>
</tr>
<tr>
<td style="HEIGHT: 5px" colSpan="3">Facturation</td>
</tr>
<tr height="250">
<td colSpan="3">
<div class="divmain" id="TotauxFacturation">
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td style="BACKGROUND-COLOR: #66ffff">Total PV Prév. :</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
Contenu de la class DIVMAIN :
.divmain {
position:relative;
width: 100%
height: 400px;
overflow:scroll
}
Message édité par massamu le 28-03-2006 à 14:25:02