Solved

CSS z-index question

Posted on 2014-10-04
2
163 Views
Last Modified: 2014-10-04
Hello,

On the left of this page there is a three horizontal dash that expands the side menu. If I click it it goes over the header and footer, how can I make it go behind them?

Also, once expanded a scroll bar is created on the right of the page, how can I eliminate that?

http://69.64.82.57/

Thank you
0
Comment
Question by:movieprodw
2 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40361325
the z-index of your side menu is set to -999 (which is not really -999 but the max integer value - 999)
the z-index to your header and footer is set to 10000
so reduce it to your side menu z-index to 9999 or use a biggest z-index : 100000 is fine

#lgheader, #lgfooter {
    z-index: 100000 !important;
}

Open in new window


header and footer z-index set with 100000
0
 
LVL 1

Author Closing Comment

by:movieprodw
ID: 40361326
Perfect
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question