[Resolvido] Header & footer fixed

[Caizinho 2]

Boa tarde,

Eu "fixed meu header and footer",

 

o problemo agora e que as fotos de gallery, passe em cima de meu header.

Obrigado! :rolleyes:

 

Eu coloquei um Index-z dentro meu css (header) com um chiffre maior, e agora minha primera gallerie passe bem em baixa de meu Header.

 

Problemo resolvido! :thumbsup:

[Caizinho 2]

Boa noite,

To natigando, e to agora com meu Ipad, to percebendo que le footer, nao ta fixe

e ta navigando dentro a page.

penso que devo convigurar con css

@media only screen and (device-width: 768px) {

 

}

 

sim uma pessoa te experiença. Obrigado.

[André do Vale 76]

Cara, o que é isso, uma mistura de inglês, português e francês?

 

Por favor, seja mais claro em suas dúvidas, e também poste um link, ou código completo para podermos analisar, e aí sim, te ajudar.

[Caizinho 2]

o link e aqui: http://oxxo-web.com

O footer nao esta fixo no Ipad. Como devo configurar?

Desculpe meu portugues! :wacko:

[Caizinho 2]

Engraçado; acrescentei isso: (mais sem a imagem do footer, fico boa, ma quando coloca a image do footer normalemente nao funcione) :? :rolleyes:

 

@media only screen and (device-width: 768px) {
 /* For general iPad layouts */


#header-wrap {
position: absolute;
width: 100%;

}


/*  ==     Footer   */
/* ----------------------------- */


#footer-container {
height: 98px;
background: url(/img/) repeat-x left bottom;
}

}

[André do Vale 76]

http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

 

http://www.lazycoder.com/weblog/2010/05/27/quick-jquery-hack-to-fix-positionfixed-toolbars-in-iphoneipadipod-touch/

[Caizinho 2]

Obrigado André!

 

funciono: :grin:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function($) {
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#footer-wrap").css("position", "static");
};
});
</script>