Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Trouble with mozilla and opera and div, help or suggestions welcome

Status
Not open for further replies.
Maim

Maim

Programmer
Jun 25, 1999
106
CA
Here's a snippet of some html

<html>
<head><title>Sample</title></head>
<body>
<table border=1 cellspacing=0 cellpadding=1 bordercolor=&quot;#000000&quot;>
<tr><td>test scrolling grid</td></tr>
<tr><td>
<div style=&quot;width:200px;height:65px;overflow-x:hidden;overflow-y:scroll&quot;>
<table width=&quot;100%&quot; border=1 cellspacing=0 cellpadding=0 bordercolor=&quot;#0000ff&quot;>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
<tr><td width=&quot;100%&quot;>1</td></tr>
</table>
</div>
</td></tr>
</table>
</body>
</html>

You'll notice that in IE, the div limits the size of the grid displayed and it includes a nice scroll bar. This makes web apps look very much like a desktop app (pick your language).

Unfortunately, this behavior does not happen on other browsers such as Mozilla1.x/Netscape6.x or Opera6

Am I missing something? Can I do something similar for non-ie?

Thanks &quot;Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.&quot; - Rich Cook
 
Sort by date Sort by votes
am also interested in how to do it. css2, presumably clip:rect(top right bottom left); overflow: scroll
where top right botton left are offsets inward from a container.

Isn't overflow-x, overflow-y an IE extension?
 
Upvote 0 Downvote
I found some reference to enabling Table scrolling for the later mozilla based browsers at

Unfortunately this is currently Mozilla only, IE and Opera display the entire table. Still no fix that works correctly everywhere. &quot;Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.&quot; - Rich Cook
 
Upvote 0 Downvote
I'm a dumbass (can I say that?).
I replaced
<div style=&quot;width:200px;height:65px;overflow-x:hidden;overflow-y:scroll&quot;>
with
<div style=&quot;width:200px;height:65px;overflow:auto&quot;>

This does it in mozilla, but opera doesn't accept it. Two out of three is better than one ;) &quot;Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.&quot; - Rich Cook
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
770
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
203
lmcate
lmcate
scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
699
3esolar
3
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
634
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top