Jump to content

With a fixed top how do I get a list to always start below the fixed section?


phpjayx

Recommended Posts

I have fixed some entry boxes on the list with the following....

 

#fixed_top
{
    z-index:1;
    position:fixed;
    top:0%;
    height: auto;
    background-color:#ffffff;
    width: 99%;
}

 

 

 

I have a list below it, but the first item is alway behind the fixed area.  How can I alway start it so the list starts below the "fixed_top"?

 

 

So everything below the SUBMIT button is the list... but the first item on the list is behind the top section..... I was able to FIX the top section so it doesn't move with the above code, but I can't get the list to start below the Fixed section..... I need it assign it relative to the top section so it works on any device.... IPAD, PC, Android... etc...

 

post-133784-0-56097300-1367952532_thumb.jpg

This site has exactly what I'm looking for....   http://lifeinthegrid.com/simple-css-fixed-header/#codesyntax_4

 

 

But, I'm having trouble picking apart the code that would offset the Body of the text to make sure it starts at the correct vertical location.....  Any help?

Ok... figured it out..... the simple line of the following worked.....

 

margin-top:95px

 

 

I assumed it wouldn't because I wanted it to work on different devices so I thought that it would differ from an IPAD to a PC to a IPhone, etc.... but it works fine

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.