1 reply [Last post]
Ezybusy
Ezybusy's picture
Offline
newbie
Last seen: 45 weeks 5 days ago
Joined: 2016-07-12
Posts: 1
Points: 2

Hi everyone,
i am new to this forum and this is my first post.

i really need help on the following please:

I want to make a fixed positioning for 2 div.

Actually what i want to achieve is that my "header" and "another box which will act as a footer" should be fixed, while the content in between scrolls.
something similar to this Demo

The following is the code for my header, and it achieves the header part. How should i proceed for the bottom part?

#header-wrap {
width: 100%;
z-index: 999;
position: fixed;
top: 0;
left: 0;
}

ramcom
ramcom's picture
Offline
Regular
Belgium
Last seen: 34 weeks 1 day ago
Belgium
Timezone: GMT+2
Joined: 2016-09-28
Posts: 13
Points: 16

header { left: 0;

header {
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}
 
footer {
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
}