Solved

CSS z-index question

Posted on 2014-10-04
2
166 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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
document.write() deleting all existing HTML 5 51
Ahax pagination 9 33
Search Item in Table 2 22
Local HTML file to display local Access MDB data in browser 4 27
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

828 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