Scroll issue

[faiman]

Hi Everyone,

Take a look the link, https://docs.google.com/file/d/0BwJqq8HsIgq6aGp4bGc4Q2ZvY2M/edit?usp=sharing

Want background and header static, but as im making header fixed in css getting space in vertically, any idea why this happening?

[Paulie_D]

We’d need a link to the actual site to examine the code.

[faiman]

For Background the code is:

#bg
{
width:2500px;
height:699px;
margin-left:-10px;
margin-top:-10px;
margin-bottom:0px;
background:url(images/bg.jpg);
background-repeat:no-repeat;
}

For Navigation:

#top_nav{position:static; margin-bottom:100px;}
#nav {
font-family:”Helvectia”, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100%;
padding: 30px 20px;
margin: 0 auto;
position: relative; }
#navbar {
position: absolute;
top: -38px;;
left: 655px;
margin: 0 auto;
padding: 0;}
#navbar li {
list-style: none;
float: left;
border-right:1px solid #999;
}
#navbar li a {
display: block;
padding: 3px 8px;
text-transform: uppercase;
text-decoration: none;
color:#999;}

[Paulie_D]

We’d need to see the HTML & CSS.

Codepen is your friend.

[Author]

Posts