Beste mensen,
Wanneer ik een tabel plaats (met een width:100%) in een DHTMLEdit object, verschijnt hier een horizontale scrollbar. Deze wil ik weglaten maar overflow-x zorgt er voor dat beide scrollbars niet meer werken.
Ik heb hier een voorbeeld neergezet.
Hier ook de htmlcode zelf:
Weet iemand misschien hoe ik dit kan verhelpen?
Het hoeft alleen in IE5+ te werken.
Wanneer ik een tabel plaats (met een width:100%) in een DHTMLEdit object, verschijnt hier een horizontale scrollbar. Deze wil ik weglaten maar overflow-x zorgt er voor dat beide scrollbars niet meer werken.
Ik heb hier een voorbeeld neergezet.
Hier ook de htmlcode zelf:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| <html>
<body>
<script>
function displayEditor() {
idEditor.style.display='inline';
idSource.style.display='none';
setTimeout('idEditor.DOM.body.innerHTML = idSource.innerText;', 100);
btnSource.disabled = false;
btnEditor.disabled = true;
}
function displaySource() {
idSource.style.display='inline';
idEditor.style.display='none';
setTimeout('idSource.innerText = idEditor.DOM.body.innerHTML;', 100);
btnSource.disabled = true;
btnEditor.disabled = false;
}
</script>
<object style="display:none" id="idEditor" classid="clsid:2D360201-FFF5-11D1-8D03-00A0C959BC0A" style="width:250px;height:250px;">
</object>
<textarea id="idSource" style="width:250px;height:250px;">
<table style="width:100%">
<tr>
<td>Test tabel</td>
</tr>
</table>
</textarea>
<hr />
<input id="btnEditor" type="button" value="show editor" onclick="displayEditor();" />
<input id="btnSource" type="button" value="show source" disabled="true" onclick="displaySource();" />
</body>
</html> |
Weet iemand misschien hoe ik dit kan verhelpen?
Het hoeft alleen in IE5+ te werken.