2008-11-06 7 views
0

S'il vous plaît prendre en considération:Marque HTML colonne plus large Comme intérieure Div Développe

<td style="width: 500px;"> 
    <div style="width: 400px;">SomeContent</div> 
</td> 

Pour une raison quelconque, la colonne qui contient un div ne sera pas étendre à 500px que le style suggère. Savez-vous comment obtenir le td pour honorer la largeur que je spécifie dans le style?

Répondre

2

En théorie, vous pouvez utiliser les styles min-width et max-width. En pratique, certains navigateurs populaires ignorent ces styles. Dans ce cas, vous avez explicitement déclaré une largeur de 400, donc elle devrait toujours être égale à 400, sauf si un enfant grandit ou si un parent se rétrécit. Vous pouvez exécuter "server" et déterminer par programme l'attribut width en fonction de la taille du contenu, ou vous pouvez jouer avec le style overflow, ou le placer dans un Panel avec une barre de défilement horizontale.

+0

L'attribut min-width est ce qui a fait l'affaire. Merci!! –

0

Y a-t-il une largeur sur la table et d'autres tds dans la table? Aussi, avez-vous un type de doc en cours?

Cependant, cela dit, voici votre solution:

<td style="width: 500px"> 
    <div style="padding: 0 50px">SomeContent</div> 
</td> 

Configuration de votre rembourrage approprié. Après avoir relu votre question, je pense que ce n'est peut-être pas la réponse que vous cherchez. Pourriez-vous élaborer un peu plus?

0

essayez ceci:

<td style="width:500px;"> 
    <div style="width:100%;">SomeContent</div> 
</td> 

si toutefois vous voulez que le td soit la taille exacte de la div, à un maximum de 500px, essayez:

<td style="max-width:500px;"> 
    <div style="width:100%;">SomeContent</div> 
</td> 

En gardant à l'esprit que IE6 ne comprend pas max-width, et le forcera juste à être 500px.

0

Vous n'avez aucune raison de définir une largeur fixe sur le DIV dans le TD, par défaut DIV sont des éléments de bloc qui signifie qu'ils vont remplir la pleine largeur de son élément contenant.

Vous pouvez définir un remplissage sur le TD ou une marge sur le DIV pour obtenir le même style. Sans voir plus de balisage ou css je ne vois pas pourquoi le TD ne serait pas 500px, si vous avez ajouté deux couleurs de fond différentes aux éléments, vous remarquerez que le TD sera 100px plus large que la div.

Questions connexes