CSS ajuster la taille de la table

J'ai le code html suivant.CSS ajuster la taille de la table

<html> 
<body> 
    <div style="max-width:1600px; min-width:900px;" > 
    <table> 
    </table> 
    </div> 
</body> 
</html>

Ma question, quand j'ai la résolution d'écran 1024 * 768, la table doit correspondre à l'écran et quand j'augmente la résolution d'écran 1600 * 800 la taille de la table devrait augmenter automatiquement sa largeur. Comment je fais ça ?

salutations, Mithun

Source

2009-09-05 Vidya

Certaines informations sur le contenu de la table peuvent vous aider. Si vous avez des données qui ne peuvent pas être déplacées (chaînes de caractères longues sans espace blanc, etc.), votre td peut refuser de rompre les lignes. – Joel

oui mes données n'ont pas d'espace blanc. Y at-il un moyen de le faire à emballer? – Vidya

essayer de donner largeur: 100%; à la table à l'intérieur de la div, cela devrait faire l'affaire.

Source

2009-09-05 18:57:15 yoda

Je ne sais pas si vous avez eu ma question. J'ai une table avec 8 colonnes (je n'ai pas spécifié la longueur pour le ). Lorsque la résolution de l'écran est de 1024 * 768, la table doit correspondre à l'écran, si cela signifie que doit avoir plusieurs lignes de données. Mais si je fais la résolution d'écran à 1600 * 800 alors ceux qui avaient plusieurs lignes devraient essayer d'accommoder plus de données. Actuellement si je donne la largeur: 100% je reçois une barre de défilement horizontale dans le cas 1024 * 768 (je veux que le affiche les données dans plusieurs lignes) – Vidya

Ce que vous voulez est seulement réalisable en utilisant divs, pas une table. – yoda

En aucun cas, pouvez-vous obtenir une barre de défilement ... vous devez avoir la td dans une div quelque chose à cause de laquelle une barre de défilement vient

essayer

width: 100%; display: block;

ou bien coller la source de la table ici ... Je vais certainement aider ...

et il est le point ne pas déclarer les longueurs td ... les déclarer également ...

Source

2009-09-05 19:11:33 foxybagga

Avez-vous essayé:

<body> 
    <table style="width: 100%; margin: 0px; padding: 0px"> 
    ... 
    </table> 
</body>

Source

2009-09-05 19:11:43 MiffTheFox

<table style="table-layout:fixed;width:100%;"> devrait faire l'affaire. Le hic, c'est que les largeurs de cellules de la première rangée détermineront les largeurs des colonnes correspondantes si vous définissez. Sinon, il sera également distribué.

Source

2009-09-05 22:07:17 artificialidiot

CSS ajuster la taille de la table

Répondre

Questions connexes