28172 sujets

CSS et mise en forme, CSS3

Scroll de div dans un TD

Bonjour,

Pour donner un visuel voici la page temporairement activée :
http://www.an16test.org/viewforum.php?f=261&ord=A_az&art=ALL_ARTS&lang=ALL_LANGUES&file=0&lnk=0&fap=0&ap=0

Le souci se trouve sur la liste des fichier principaux.
Quand le fichier est long il dépasse de la div.

J'ai mis ce code :
<td class='Verd_n12'><div style='max-width:200px; overflow:auto;overflow-y:hidden;white-space:nowrap;'>


Mais je n'arrive pas gérer proprement la taille variable de la fenêtre.
Je veux qui si la page d'agrandie horizontalement, la cellule s'agrandisse, et donc la taille visible aussi.

Sous Firefox on constate que la cellule s’agrandit mais pas la zone visible.
J'ai tenté de coller des % et n'y suis pas arrivé.

2eme problème sous IE ca me met une scrollbar Smiley decu


Si vous avez une solution ?

Bonne journée
Non, ce que je veux, c'est le contraire.
J'ai essayer fixed et auto, je n'ai pas réussit à obtenir ce que je veux.

- Le contenu ne doit pas dépasser (visuellement) de la cellule
- La cellule doit s'agrandir si la fenêtre s'agrandit
- Le contenu de la cellule doit s'agrandir (plus/ajout de contenu visible) si la fenêtre s'agrandit
- Aucune scroll barre ne doit être visible
- Le texte qui dépasse de la cellule doit être caché/masqué.

Bonne journée
Modifié par westernz (22 Dec 2011 - 15:53)
Modérateur
westernz a écrit :
style='max-width:200px;


C'est ça qui bloque (si j'ai compris ton problème). C'est pas un min-width qu'il faudrait que tu mettes ?
Administrateur
westernz a écrit :
Non, ce que je veux, c'est le contraire.
J'ai essayer fixed et auto, je n'ai pas réussit à obtenir ce que je veux.

- Le contenu ne doit pas dépasser (visuellement) de la cellule
- La cellule doit s'agrandir si la fenêtre s'agrandit
- Le contenu de la cellule doit s'agrandir (plus/ajout de contenu visible) si la fenêtre s'agrandit
- Aucune scroll barre ne doit être visible
- Le texte qui dépasse de la cellule doit être caché/masqué.

Bonne journée


Tu n'as pas assez essayé à mon avis Smiley cligne 


table {
table-layout: fixed;
width: 100%;
}
td, th {
word-wrap: break-word; /* passage à la ligne */
}
Rien a faire je n'y arrive toujours pas.

Je te montre ce que j'ai fais : (en supprimant certains code php pour faire simple)

nb : "table_100 w100p" = 100% tous les spacing et border à 0 et
sachant que la table est ouverte dans une cellule.

Si j'enlève "style='max-width:200px" de la div, mon texte passe par dessus les autres cellules qui sont à sa droite.

Je sais que je ne suis pas doué. Essaye de parler comme a un enfant pour que je comprenne. Merci.

Voici mon code actuel qui ne fonctionne pas
echo "<table class='table_100 w100p' style='table-layout: fixed;;'>";


echo "
<tr>
<td width='15px' class='Verd_n12'>
<a href='".$phpbb_root_path."viewtopic.php?f=".$file_forum_id."&t=".$file_topic_id."&p=".$file_post_msg_id."#p".$file_post_msg_id."'>
<img src='".$phpbb_root_path."mes_images/forum/acceder.gif' border='0' /></a>
</td>";

echo "
<td class='Verd_n12' style='word-wrap: break-word; '>
<div style='max-width:200px; overflow:auto;overflow-y:hidden;white-space:nowrap;'>
<a href='".$phpbb_root_path."download/file.php?id=".$file_attach_id."'>".$file_real_filename."</a>
</div>
</td>

<td width='10px' align='center'>&bull;</td><td class='Verd_n12'  style='min-width:160px;'>".attach_info_formated('time',$file_filetime)."</td><td width='10px' align='center'>&bull;</td><td class='Verd_n12'  style='min-width:100px;'>".$file_mimetype."</td><td width='10px' align='center'>&bull;</td><td width='50px' class='Verd_n12' style='min-width:80px;'><div style='overflow:auto;overflow-y:hidden;white-space:nowrap;'>".attach_info_formated('size', $file_filesize)."</div></td></tr>";

... etc...
Ok ca y est .
J'avais mal compris.
J'ai augmenter le width de la div au lieu de le supprimer...

Merci
Sujet clos
Aller à