1,105,633 Community Members

Help using JavaScript and CSS together

Member Avatar
justinkb88
Newbie Poster
3 posts since Jan 2012
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

I am very new to JavaScript and am trying to use JavaScript to determine the height of a div. The div starts in the middle of the browser window and I need it to extend to the bottom of the window. How can the window height be determined and used to accomplish this?

Thanks in advance!

Justin

Member Avatar
stbuchok
Posting Shark
957 posts since May 2011
Reputation Points: 123 [?]
Q&As Helped to Solve: 142 [?]
Skill Endorsements: 2 [?]
 
0
 

Look at using jQuery.

Member Avatar
justinkb88
Newbie Poster
3 posts since Jan 2012
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

Thanks for the suggestion. I have looked into jQuery today and can use it to find the window and div height, but how can I account for the offset for a centered div?

Member Avatar
stbuchok
Posting Shark
957 posts since May 2011
Reputation Points: 123 [?]
Q&As Helped to Solve: 142 [?]
Skill Endorsements: 2 [?]
 
0
 

divide by 2 (half the width of the div)

div.left = (window.width / 2) - (div.width / 2)

That should center the div (you'll want this to happen on the resize event as well).

Member Avatar
justinkb88
Newbie Poster
3 posts since Jan 2012
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

Thanks for leading me in the right direction! I got everything working correctly.

Question Answered as of 2 Years Ago by stbuchok
You
This question has already been solved: Start a new discussion instead
Post:
Start New Discussion
View similar articles that have also been tagged: