Voici mon problème. J'ai un input, qui à chaque onkeyup, rafraichit un <div>, en lui fournissant sa valeur, grâc à un innerHTML en javascript.
Le problème est que lorsque le <div> s'allonge et qu'il remplit entièrement la page, le texte va à la ligne. Je voudrais éviter ça, et que le <div> continue de s'allonger, en sortant de la page visible, en créant une scroll horizontal.
Le problème en images :
Cas 1 : le texte est court, tout est normal.
Cas 2 : le texte est long, et le <div> passe à la ligne, au lieu de créer un scroll horizontal sur la page.
Voici le code HTML du <div> de Prévisualisation :
Code : Tout sélectionner
<div class="fullPreview">
<h1>Prévisualisation</h1>
<div id="previewBlock">
<div id="uploadedLogo"></div>
<span id="preview"></span>
<input type="hidden" name="textWidth" id="textWidth" />
<input type="hidden" name="textHeight" id="textHeight" value="10" />
</div>
</div>Code : Tout sélectionner
.fullPreview {
position:absolute;
top:200px;
left:400px;
border:1px dashed grey;
margin:0 0 30px 0;
border:1px solid #CCCCCC;
padding:20px 10px 10px 10px;
z-index:10;
}
.fullPreview h1 {
float:left;
font-size:14px;
margin:-29px 0 0 0;
padding:0 10px 0 10px;
background-color:#FFFFFF;
}
#previewBlock {
display:inline-block;
border:1px solid red;
min-height:10mm;
}
#preview {
min-height:20px;
border:1px solid green;
}
#uploadedLogo {
display:block;
}Une idée ?
