Dev.Opera - Follow the standards, break the rulesDev.Opera - Follow the standards, break the rules

Login

Lost password?

Forums » General Discussions

General DevOpera discussion group

Note: You need to login to post in the forums. if you don't have an account you first need to sign up.

By radioactivefuture anchor Thursday, 1. May 2008, 16:30:50

avatar

div overflow not displaying properly in Opera

on one of my sites, http://www.brickbybrick.com, I have an expandable table including a div set to overflow to make a scrollable box. The box displays just fine in IE and FF, but Opera doesn't crop the box like it should and shows the whole php included file.

heres the code used:

<div style="width:180px; height:240px; background-color:#333333; overflow-y:scroll; overflow-x:hidden; scrollbar-face-color : #000000; scrollbar-highlight-color : #666666; scrollbar-3dlight-color : #F66063; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #cccccc; scrollbar-track-color : #B50102; scrollbar-arrow-color : #B50102; padding:5px; align:left;">

Does anyone have a suggestion on how to fix? I'd really appreciate the help,
Thanks
Bill Pierce

By RyanSims anchor Saturday, 10. May 2008, 00:26:51

avatarOpera does not recognize the axis-specific overflow commands. You'll need to take advantage of a generalized cascade to make it work:

overflow:scroll; overflow-y:scroll; overflow-x:hidden;

I just recently hit my head on the same thing.

By radioactivefuture anchor Monday, 2. June 2008, 23:03:16

avatarYou rock Ryan!! Thanks! That worked.

Now it's just showing a horizontal scroll bar at the bottom of the table I'd like to get rid of, but it's not a huge deal, I'm not overly concerned about it.
Bill

Moderators: jax | malware | mcx | operadev