Barre de navigation fixe mais soucis

[Félina13]

Bonjour,

- l'URL du forum : http://www.respect-forum.com
- la version de votre forum : phpbb2

- une capture d'écran du problème :

- votre statut sur le forum : fondatrice.
- si vous avez modifié des templates : index_box, overall_footer_begin, overall_header, search_body, search_username
- si vous avez du CSS personnalisé :

Spoiler:

- votre ou vos navigateur(s) : internet explorer.

La barre de navigation fixe est parfaite sur toutes les pages SAUF quand on répond à un message, j'ai remarqué cela (voir la capture d'écran du problème). Sauriez-vous d'où cela peut venir et surtout, comment résoudre cela ?

Merci pour votre aide, et bonne journée en attendant de vous lire.
A très bientôt.

[Invité]

Remplace tout ton CSS par celui-ci:

Code:

.navig {
position: fixed;
top: 0px;
width: 100%;
background-color: #EBC5C5;
border-bottom: 1px solid #000000;
margin-left: -50px;
}

a.mainmenu img{
display: none;
}

a.mainmenu {
margin: 5px;
font-family: Comic Sans Ms;
font-size: 18px;
}

a:hover {
font-variant: small-caps;
font-size: 10pt;
font-weight: bold; }

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

a { text-decoration: none; }

.titre01 {
font-size: 15px;
font-family: tahoma;
text-align : center ;
letter-spacing: -1px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
font-weight:bold;
color : purple;
}

.titre02 {
border-radius-topleft: 30px;
border-radius-topright: 30px;
background : #efefef;
border : 2px solid #efefef;
text-align: center;
text-transform: uppercase;
color : #ebeef0;
text-shadow: 1px 1px 1px white;
box-shadow : 0px -1px 5px black;
border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
width : 771px;
height : 40px;
line-height : 12px;
text-align : justify;
font-variant : normal;
font-size : larger;
font-family : tahoma;
overflow : auto;
background : #f5ebeb;
padding : 3px;
margin-top : -3px;
}

.boxpa2 {
width : 247px;
height : 70px;
line-height : 12px;
text-align : center;
font-variant : normal;
font-size : larger;
font-family : tahoma;
overflow : auto;
background : #f5ebeb;
padding : 3px;
margin-top : -3px;
}

.imagepa {
opacity : 0.6;
}

.imagepa:hover {
opacity : 1;
}

J'ai tester .. Mais je ne garantit rien !

[Félina13]

Bonjour Webmestre_pro,

Merci pour ton aide mais malheureusement, ça ne change pas la problématique.

[Invité]

Et si tu remplace tout ton CSS par celui-ci:

Code:

        .navig {
        position: fixed;
        top: 0px;
        width: 103%;
        background-color: #EBC5C5;
        border-bottom: 1px solid #000000;
        margin-left: 0px;
        }
       
        a.mainmenu img{
        display: none;
        }
       
        a.mainmenu {
        margin: 5px;
        font-family: Comic Sans Ms;
        font-size: 18px;
        }
       
        a:hover {
        font-variant: small-caps;
        font-size: 10pt;
        font-weight: bold; }
       
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
       
        a { text-decoration: none; }
       
        .titre01 {
        font-size: 15px;
        font-family: tahoma;
        text-align : center ;
        letter-spacing: -1px;
        padding-left: 0px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-top: 3px;
        display: block;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px white;
        font-weight:bold;
        color : purple;
        }
       
        .titre02 {
        border-radius-topleft: 30px;
        border-radius-topright: 30px;
        background : #efefef;
        border : 2px solid #efefef;
        text-align: center;
        text-transform: uppercase;
        color : #ebeef0;
        text-shadow: 1px 1px 1px white;
        box-shadow : 0px -1px 5px black;
        border-radius : 10px 10px 0px 0px;
        }
       
        .boxpa1 {
        width : 771px;
        height : 40px;
        line-height : 12px;
        text-align : justify;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
       
        .boxpa2 {
        width : 247px;
        height : 70px;
        line-height : 12px;
        text-align : center;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
       
        .imagepa {
        opacity : 0.6;
        }
       
        .imagepa:hover {
        opacity : 1;
        }

cela ce règle t'il ?

[Invité]

Et si cela ne fonctionne pas essayer avec ce CSS:

Code:

.navig {
        position: fixed;
        top: 0px;
        width: 103%;
        background-color: #EBC5C5;
        border-bottom: 1px solid #000000;
        margin: auto;
        }
     
        a.mainmenu img{
        display: none;
        }
     
        a.mainmenu {
        margin: 5px;
        font-family: Comic Sans Ms;
        font-size: 18px;
        }
     
        a:hover {
        font-variant: small-caps;
        font-size: 10pt;
        font-weight: bold; }
     
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
     
        a { text-decoration: none; }
     
        .titre01 {
        font-size: 15px;
        font-family: tahoma;
        text-align : center ;
        letter-spacing: -1px;
        padding-left: 0px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-top: 3px;
        display: block;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px white;
        font-weight:bold;
        color : purple;
        }
     
        .titre02 {
        border-radius-topleft: 30px;
        border-radius-topright: 30px;
        background : #efefef;
        border : 2px solid #efefef;
        text-align: center;
        text-transform: uppercase;
        color : #ebeef0;
        text-shadow: 1px 1px 1px white;
        box-shadow : 0px -1px 5px black;
        border-radius : 10px 10px 0px 0px;
        }
     
        .boxpa1 {
        width : 771px;
        height : 40px;
        line-height : 12px;
        text-align : justify;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
     
        .boxpa2 {
        width : 247px;
        height : 70px;
        line-height : 12px;
        text-align : center;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
     
        .imagepa {
        opacity : 0.6;
        }
     
        .imagepa:hover {
        opacity : 1;
        }

[Félina13]

Super merci.
Y'a un léger retrait mais qui reste infime, néanmoins, là, ça marche !

MErci beaucoup !