Jack Cowley Jack Cowley - 5 months ago 15
CSS Question

Div positioning flooding menu

I'm trying to position a div that contains my google calendar but it keeps flooding my menu.

How do I make it so that the div is positioned more down on the page?

http://lichfieldrooms.uk/calendar.html

Answer

You might want to remove the position fixed on your header and .menu class.

.menu {
    background: none repeat scroll 0 0 #e6e6e6;
    margin-left: auto;
    margin-right: auto;
    //position: fixed; ////remove this////
    top: 85px;
    z-index: 99;
}

Header {
    border-bottom: 0 solid #eee;
    overflow: auto;
    //position: fixed; ////and remove this////
    width: 100%;
}

Final code:

.menu {
    background: none repeat scroll 0 0 #e6e6e6;
    margin-left: auto;
    margin-right: auto;
    top: 85px;
    z-index: 99;
}

Header {
    border-bottom: 0 solid #eee;
    overflow: auto;
    width: 100%;
}
Comments