J'ai besoin d'aligner certains éléments dans une iframe vers la droite et d'activer une barre de défilement horizontale sur l'iframe quand elle est écrasée.Obtenez une barre de défilement avec {position: absolute; droite: 0px; }
Le code suivant (dans le iframe) fonctionne parfaitement avec un positionnement gauche:
<html>
<body>
<div>
<table>
<tr>
<td>lorem ipsum here</td>
<td>lorem ipsum here</td>
<td>lorem ipsum here</td>
<td>lorem ipsum here</td>
<td>lorem ipsum here</td>
</tr>
</table>
</div>
</body>
</html>
html{
overflow:scroll;
}
table{
position: absolute;
left: 0px;
}
td {
white-space: nowrap;
border: 1px solid black;
}
La même CSS exacte avec bon positionnement (à droite: 0px;) est brisée, l'horizontale la barre de défilement n'est pas activée.
EDIT: la barre de défilement horizontale
EDIT2: ce bit HTML est dans une iframe
EDIT3. Il est intéressant document.getElementById ('de tableID') scrollWidth donne des informations précises sur la scrollWidth la barre de défilement ne doit avoir fait pas d'affichage. Je pourrais essayer une solution moche laid à mon problème (par exemple créer une barre de défilement artificielle, fml)
Oui c'est le cas. Quel navigateur utilisez-vous? – scottheckel
@Hexxagonal J'ai oublié d'ajouter que le html est dans un iframe. Dans ce cas, cela ne fonctionne pas dans FF 5 et Chrome 15 – BenoitParis
Est-ce que cela reproduit le comportement que vous rencontrez? - http://jsfiddle.net/ULnWF/1/ –