scrollbar for tables with foreign language characters

T

tm_matty

In the following simple three column / two row HTML table, when a value
in the table contains a foreign language character like umlaute (ü),
the scroll bar will not show. Remove the character and it will show.
To reproduce, you will need to shrink your browser down to hide some of
the data.

Does anyone have an idea why this would happen?

<HTML><body><form>
<table border=1 width="100%">
<tr>
<td width="30" nowrap="nowrap"> </td>
<td nowrap="nowrap"><a href="#" >Column 1</a></td>
<td nowrap="nowrap"><a href="#" >Column 2</a></td>
<td nowrap="nowrap"><a href="#" >Column 3</a></td>
</tr>
<tr >
<td width="30" ><a href="#" ><span >1</span></a></td>
<td><a href="" target="_blank">asdf</a></td>
<td ><input type="text" style="width:100%" value="asdf adsf adsf adsf
adsf adsf adsf" /></td>
<td >
<input style="width:100%;" value="asdf asdf asdf dsf asdf assdf asfsad
ZXZXZXZXZXZXü" /></td>
</tr>
</table>
</form></body></HTML>
 
N

Neredbojias

With neither quill nor qualm, (e-mail address removed) quothed:
In the following simple three column / two row HTML table, when a value
in the table contains a foreign language character like umlaute (=FC),
the scroll bar will not show. Remove the character and it will show.
To reproduce, you will need to shrink your browser down to hide some of
the data.

Does anyone have an idea why this would happen?

<HTML><body><form>
<table border=3D1 width=3D"100%">
<tr>
<td width=3D"30" nowrap=3D"nowrap"> </td>
<td nowrap=3D"nowrap"><a href=3D"#" >Column 1</a></td>
<td nowrap=3D"nowrap"><a href=3D"#" >Column 2</a></td>
<td nowrap=3D"nowrap"><a href=3D"#" >Column 3</a></td>
</tr>
<tr >
<td width=3D"30" ><a href=3D"#" ><span >1</span></a></td>
<td><a href=3D"" target=3D"_blank">asdf</a></td>
<td ><input type=3D"text" style=3D"width:100%" value=3D"asdf adsf adsf adsf
adsf adsf adsf" /></td>
<td >
<input style=3D"width:100%;" value=3D"asdf asdf asdf dsf asdf assdf asfsad
ZXZXZXZXZXZX=FC" /></td>
</tr>
</table>
</form></body></HTML>

It might be because of all the "3D"s in the code.
 
B

Benjamin Niemann

In the following simple three column / two row HTML table, when a value
in the table contains a foreign language character like umlaute (ü),
the scroll bar will not show. Remove the character and it will show.
To reproduce, you will need to shrink your browser down to hide some of
the data.

Does anyone have an idea why this would happen?

<HTML><body><form>
<table border=1 width="100%">
<tr>
<td width="30" nowrap="nowrap"> </td>
<td nowrap="nowrap"><a href="#" >Column 1</a></td>
<td nowrap="nowrap"><a href="#" >Column 2</a></td>
<td nowrap="nowrap"><a href="#" >Column 3</a></td>
</tr>
<tr >
<td width="30" ><a href="#" ><span >1</span></a></td>
<td><a href="" target="_blank">asdf</a></td>
<td ><input type="text" style="width:100%" value="asdf adsf adsf adsf
adsf adsf adsf" /></td>
<td >
<input style="width:100%;" value="asdf asdf asdf dsf asdf assdf asfsad
ZXZXZXZXZXZXü" /></td>
</tr>
</table>
</form></body></HTML>

I've had something like this, too. This is a IE specific bug. I some cases
IE calculates the width of the INPUT from the prefilled VALUE. I think the
CSS attribute 'width' with '100%' or 'auto' causes this bug.

I have no fix for this at hand - the webapp that has this problem uses
TEXTAREAs (for different reasons) when the text get longer than X
characters, so the bug is not triggered anymore.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,776
Messages
2,569,603
Members
45,189
Latest member
CryptoTaxSoftware

Latest Threads

Top