IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Compatibilité overlow:visible dans <table>


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    96
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Mars 2008
    Messages : 96
    Par défaut Compatibilité overlow:visible dans <table>
    Je souhaire mettre en place un tableau composé de zone de saisie.
    A l'init chaque zone est défini sur 1 ligne.
    Quand on renseigne des caractères dans une cellule, une fois la limite atteinte sur la ligne, la zone de saisie augmente dynamiquement d'une ligne.

    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <table border="1" width="530">
    	<tr>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    	</tr>
    	<tr>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    		<td><textarea cols="13" style="overflow:visible;"></textarea></td>
    	</tr>
    </table>
    Je travaille sous IE6 (contrainte technique).
    Le code sous Firefox ou autre navigateur est je pense interprété différement.

    Le textarea en dehors d'un tableau fonctionne correctement.

    Mais dans mon tableau, je voudrais que la largeur de mes colonnes ne soit pas modifié à chaque entrée d'un caractère.


    Merci

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    96
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Mars 2008
    Messages : 96
    Par défaut
    Quelqu'un a t-il reproduit mon bug?

    Je pars sur une solution en utilisant position:absolute.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    96
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Mars 2008
    Messages : 96
    Par défaut
    Voici mon code avec utilisation de position:absolute

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <table border="1" width="530">
    	<tr>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    	</tr>
    	<tr>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    		<td><div style="height:20"><textarea rows="1" cols="13" style="position:absolute;overflow: visible"></textarea></div></td>
    	</tr>
    </table>
    J'obtiens un résultat pas convaincant étant donné que mes zone de saisies passes les unes sur les autres.

    Il faudrait que la hauteur de mes <div> se calcul dynamiquement.

    Est-ce possible?

  4. #4
    Membre confirmé
    Profil pro
    Étudiant
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Par défaut
    Essaye de définir une largeur à tes textarea. Ensuite défini une hauteur minimum pour tes divisions de table (avec min-height:20px. Mais je pense pas que IE6 interprète le min-height.

    Et un petit conseil. Afin de gagné en performance, et en rapidité de développement, tu devrais externaliser tes styles dans une feuilles de style. Ça évitera les redondances et ça t'éviteras de modifier chaque ligne à la main.

Discussions similaires

  1. Déterminer la Valeur la plus grande dans une table
    Par arnaud_verlaine dans le forum Langage SQL
    Réponses: 9
    Dernier message: 22/08/2014, 23h35
  2. Table plus visibles dans le fenêtre relation.
    Par jp67 dans le forum Access
    Réponses: 2
    Dernier message: 13/04/2006, 00h10
  3. Rendre visible ou non une ligne dans un Table
    Par pmboutteau dans le forum ASP
    Réponses: 6
    Dernier message: 10/11/2005, 16h09
  4. Recherche de donnee dans une table associée
    Par josoft dans le forum Requêtes
    Réponses: 2
    Dernier message: 14/07/2003, 15h22
  5. Comment stocker un ficher dans une table postgres
    Par josoft dans le forum Requêtes
    Réponses: 3
    Dernier message: 23/06/2003, 16h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo