Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Problem w/ auto page height adjustment using JS Treemenu + HTML + CSS

Posted by: ajoros Jul 8 2010, 05:29 PM

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

Posted by: pandy Jul 8 2010, 05:50 PM

Where can we view the actual page?

Posted by: ajoros Jul 8 2010, 06:39 PM

Yea let me see if I can get it up on a test server.

Posted by: ajoros Jul 8 2010, 07:01 PM

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

Posted by: Darin McGrew Jul 8 2010, 07:23 PM

Adding "clear:left" to div#footer seems to help in Chrome.

Posted by: ajoros Jul 13 2010, 02:35 AM

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??

Posted by: ajoros Jul 13 2010, 02:42 AM

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;
}