Fixed header

[teralite]

Hej!

 

Håller på att försöka bygga en fixed rad i headern som alltid ska ligga kvar även när man scrollar ner på sidan.

Har fått in raden där men resten av "headern" ligger över när man scrollar neråt.

 

Någon som vet vad som kan vara fel?

 

sidan är teralite(dot)se

 

Kodning jag gjort är:

 

i header.tpl

<header id="header">
            <div id="header_fixed"></div>
                            <div id="header_right" class="container">
                    <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                           <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width} width="{$logo_image_width}"{/if} {if $logo_image_height} height="{$logo_image_height}"{/if}/>
                    </a>

 

i global.css

#header_fixed {
    position: fixed;
    z-index:3;
    top: 0;
    left: 0;
    width: 100%;
    height:35px;
    background: url(../img/header_fixed.jpg) repeat-x left bottom;
}

.page_wrapper_1 {
  background: url(../img/bg-main.jpg) left top repeat-x #e5e5e5;
  position: relative;
   z-index: 2;
  -webkit-box-shadow: rgba(0, 0, 0, 0.11) 2px 5px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.11) 2px 5px 5px;
  box-shadow: rgba(0, 0, 0, 0.11) 2px 5px 5px;
}

[tomped]

På rad 1034 i global.css så finns ett z-index för #header #header_right

Samma sak på rad 1232 för #header_user

 

Kan det vara det som spökar eller har jag missförstått dig?

 

Edit: Tar man bort z-index på de raderna jag nämnde så bör man lägga till z-index på rad 1045 (.blockpermanentlinks-header). Annars försvinner de översta länkarna helt.

 

Aja jag vimsar kanske, men det är möjligen något i rätt riktning

Edited June 4, 2014 by tomped (see edit history)

[teralite]

Tack, det hjälpte =)