I came across with very weird problem in html
iframe.
I have to set my iframe with WIDTH="748" and HEIGHT="460".
My code is as follows:
<html>
<head>
</head>
<body style="overflow-x: hidden;">
<div style="align:center;margin-top:10;margin-left:10;width=100%;">
<img border="0" src="/imgage/top.PNG" width="980" height="140">
</div>
<div align="right" style="width:748; height: 12;float:right;">
<br><br>
<iframe name="main" src="data.html" width="748" height="460"
marginwidth="0" marginheight="0" frameborder="0" scrolling="yes" style="overflow-x:hidden;overflow-y:auto">
</iframe>
</div>
<div align="left">
<img border="0" src="/image/side.PNG" width="209" height="524">
</div>
</body>
</html>
Though I have written "overflow-x:hidden" I am able to see the Horizontal Scrollbar. I have to disable only horizontal scroll bar not vertical. Vertical Scroll Bar should remain as it is.
It looks fine in Mozilla but problem is occuring only for IE browser. I am wondering from last two days but still can't get the solution.
If anybody having any idea then please help. I would appreciate each reply.
Thanks in advance.