0
J'utilise le code HTML ci-dessous. Ci-dessous ce que j'essaie d'atteindre: Je veux que DIV parent prenne la largeur de la plus grande largeur de son enfant DIV. Si vous regardez le segment de code HTML # 1 ci-dessous, cela fonctionne bien mais si vous regardez le segment de code HTML # 2, vous verrez que la bordure "Titre du test" n'a pas changé sa largeur DIV. le plus grand enfant DIV. S'il vous plaît fournir des pointeurs. Merci.Comment limiter simultanément et dynamiquement la DIV DIV et la DIV Parent
<!-- HTML code segment#1 -->
<html>
<body>
<div style="font-family:Arial; fontsize:11px;border-style:solid;border-width:1px;padding:1px;position:absolute;width:auto;" >
<span tyle="padding:1px,7px,1px,7px; background- color:Blue;color:White;position:fixed;height:25px;" >
<span style="padding:1px,7px,1px,7px;height:25px; middle; text-align: center; padding-top: 2px; font-weight: bold; vertical-align: middle;">
Test Title
</span>
</span>
<div style="margin-top:3px;" >
<p style="padding:2px,1px,2px,1px; margin:0px;">Testing Text1</p>
<p style="padding:2px,1px,2px,1px; margin:0px;">Testing Text2 which is Long</p> </div>
</div>
</body>
</html>
<!-- HTML code segment#2 -->
<html>
<body>
<div style="font-family:Arial; fontsize:11px;border-style:solid;border-width:1px;padding:1px;position:absolute;width:auto;" >
<span tyle="padding:1px,7px,1px,7px; background- color:Blue;color:White;position:fixed;height:25px;" >
<span style="padding:1px,7px,1px,7px;height:25px; middle; text-align: center; padding-top: 2px; font-weight: bold; vertical-align: middle;">
Test Title
</span>
</span>
<div style="margin-top:3px;" >
<p style="padding:2px,1px,2px,1px; margin:0px;">Testing Text1</p>
<p style="padding:2px,1px,2px,1px; margin:0px;">Testing Text2 which is Longggggggggggggggggggggggggggggggggggggggggggggggggggggg</p> </div>
</div>
</body>
</html>
Dans quel navigateur voyez-vous le problème? J'ai testé tes "segments" HTML dans Firefox 3.5.8 et ça marche bien. – ssergei
Je pense que vous allez devoir utiliser quelque chose comme javascript pour calculer la largeur de l'enfant, puis que le navigateur change la largeur du parent. Sauf si vous avez quelque chose dans l'enfant qui est une largeur fixe (comme une image), il n'y a vraiment aucun moyen de faire ce que vous voulez côté serveur. Je sais que cela ne vous donne pas de réponse (je ne suis pas bon à JS, mais ça aide à affiner votre question.) – Marty