Nico2011
asked on
DIV needs to scroll
Hello,
I have a page which has a column to the left, which needs to stay there but scroll up and down so the descriptions in the panel move up and down with the lines. The properties to the right need to be able to be scrolled left to right. The sideways scrolling works in Firefox and Chrome, but not in IE, however I still need the panel on the left to move up and down when the page is vertically scrolled...
Here is the page: link to page
Help appreciated - thanks in advance!
I have a page which has a column to the left, which needs to stay there but scroll up and down so the descriptions in the panel move up and down with the lines. The properties to the right need to be able to be scrolled left to right. The sideways scrolling works in Firefox and Chrome, but not in IE, however I still need the panel on the left to move up and down when the page is vertically scrolled...
Here is the page: link to page
Help appreciated - thanks in advance!
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
From what I see, it seems you need the following:
This would give you a sidepanel that scrolls up and down with the properties yet, properties can scroll horizontally independantly.
I would rather put the styles in css as opposed to inline to keep in line with the concept of keeping structure and style separate.
change position property of element 'sidepanel2' to absolute
add overflow: auto and width: 800px (or whatever width you want) to element 'properties'
This would give you a sidepanel that scrolls up and down with the properties yet, properties can scroll horizontally independantly.
I would rather put the styles in css as opposed to inline to keep in line with the concept of keeping structure and style separate.
ASKER
Hi Pierre,
Thanks for your help - it still won't scroll in IE and in other browsers, I have lost the static side bar - it scrolls left and right too, so goes off of the screen...
Any more suggestions?
Otherwise, I will follow Gary's suggestion and convert to JQuery - it just means starting from scratch which is a bit annoying!
Best wishes/Nico
Thanks for your help - it still won't scroll in IE and in other browsers, I have lost the static side bar - it scrolls left and right too, so goes off of the screen...
Any more suggestions?
Otherwise, I will follow Gary's suggestion and convert to JQuery - it just means starting from scratch which is a bit annoying!
Best wishes/Nico
starting from scratchNot really - add the jQuery/plugin, make your sidebar part of the table and tell the plugin the ID of your table.
Shouldn't take more than 10/15 mins.
Hi Nico. That is strange. I just tested now in IE and it works. I used IE 10. It also works fine in Firefox 27. Which versions are you using?
Did you add my suggested rules correctly? Try putting this rule in your css (and remove the inline styling in your html ).
Did you add my suggested rules correctly? Try putting this rule in your css (and remove the inline styling in your html ).
#properties {
left: 156px;
overflow: auto;
position: relative;
width: 600px;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thank you all for your help - everyone had a valid point and gave good advice - it was difficult to split up the points - I really appreciate the help - it works now :-)
Glad to help. Good luck. Though I feel rgranlund and Gary should not have been given points, but this is your perogative.
ASKER
I have removed the ms-x-scroll too, however it still doesn't want to play ball...
Thanks again for your help!