Problem w/ auto page height adjustment using JS Treemenu + HTML + CSS |
Problem w/ auto page height adjustment using JS Treemenu + HTML + CSS |
ajoros |
Jul 8 2010, 05:29 PM
Post
#1
|
Newbie Group: Members Posts: 13 Joined: 8-July 10 Member No.: 12,262 |
Hey guys I am brand new here. Thanks for allowing me to post:
Question, I cant get my JS treemenu to work with my HTML and CSS so that when I expand the menu it increases the page height according to parent div tag. So you get an idea of what I am talking about here is a screenshot of my problem. http://i27.tinypic.com/k2ybyw.png You can see how the parent background doesnt extend when the tree menu extends. I dont know how to fix this. *NOTE: I have removed the footer at the bottom of the page in my code* You can view my HTML code here: http://pastebin.com/G2TZ7CUQ You can view my CSS here: http://pastebin.com/rgrbPjPq The simpletreemenu JS file is here: http://pastebin.com/xWshzv5Z And lastly, the simpletree CSS file is here: http://pastebin.com/GMNdf0WF The simpletree JS webpage is here: http://www.dynamicdrive.com/dynamicindex1/navigate1.htm My ultimate goal is that when I expand the menu I would like the background image to extend in the downward direction as well so that it all looks uniform. Right now it looks really ugly. And I have been stressing on how to fix this. Thanks for any help. If you need anymore files let me know. Andrew |
pandy |
Jul 8 2010, 05:50 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,735 Joined: 9-August 06 Member No.: 6 |
Where can we view the actual page?
|
ajoros |
Jul 8 2010, 06:39 PM
Post
#3
|
Newbie Group: Members Posts: 13 Joined: 8-July 10 Member No.: 12,262 |
Yea let me see if I can get it up on a test server.
|
ajoros |
Jul 8 2010, 07:01 PM
Post
#4
|
Newbie Group: Members Posts: 13 Joined: 8-July 10 Member No.: 12,262 |
You can view the site here: http://www.met.sjsu.edu/~joros/
Expand the entire tree menu and youll see the problem. Please help if you can. I appreciate it This post has been edited by ajoros: Jul 8 2010, 07:06 PM |
Darin McGrew |
Jul 8 2010, 07:23 PM
Post
#5
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Adding "clear:left" to div#footer seems to help in Chrome.
|
ajoros |
Jul 13 2010, 02:35 AM
Post
#6
|
Newbie Group: Members Posts: 13 Joined: 8-July 10 Member No.: 12,262 |
Darin, that did not work :-/
You can go to the website again (http://www.met.sjsu.edu/~joros/) and check it out. I add the new css style to #footer with no luck. Does anyone else know how to solve the issue where expansion of the menu overruns the background height? I cant solve this. Any other ideas anyone?? |
ajoros |
Jul 13 2010, 02:42 AM
Post
#7
|
Newbie Group: Members Posts: 13 Joined: 8-July 10 Member No.: 12,262 |
Its fixed. I did this:
#content { background: url("images/pgshad.jpg") repeat-y scroll left top transparent; font-size: 16px; width:1024px; margin:auto; min-height:700px; } |
Lo-Fi Version | Time is now: 1st June 2024 - 03:27 AM |