IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Safari problème avec hash et position fixed


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 2
    Par défaut Safari problème avec hash et position fixed
    Bonjour,

    J'ai un ti problème d'affichage sous safari lorsque j'arrive d'une autre page et que j'entre mon ancre dans l'url ex:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="http://monsite.com/index.html#info" ></a>
    J'ai une bannière qui est en position fixed dans le bas de ma page qui se place mal (elle se place par rapport au body) et des iframe qui ne load pas mais dès que je scroll tout ce remet en place et se load. lorsque je fait appelle au ancre à l'intérieur même de index.html tout va bien.

    mes ancre sont inscrite comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a name="exemple" hash="exemple" /> </a>
    Sur firefox tout va bien, mais sur Chrome la bannière de load pas mais elle est bien situé et sur IE la page ne s'affiche pas a l'ancre demander mais la banniere et les iframe sont OK.


    problème :
    Chrome : bannière load pas (c'est un <object>)

    Safari: bannière se place mal (on dirait qu'elle se place par rapport au body) et les iframe load pas (tweeter, facebook)

    IE : tout load bien mais la page ne se place pas a l'ancre demander.


    voici le css de ma bannière:

    elle est dans un sidebar qui est situer a gauche en position fixed aussi

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    body{
    margin:0; padding:0;
    height:100%;
    /*overflow:hidden;*/
    }
     
     
    html {
    background-color:#171717;
    color:#fff;
    margin:0; padding:0;
    height:100%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    }
     
    #sidebar {
    width:300px;
    height:100%;
    min-height:100%;
    background:url(../img/sidebar-bg.png) repeat-y #F1F2F2;
    float:left;
    position:fixed;
    left:0px;
    top:0px;
    z-index:0;
    }
     
    div#footer {
    color:#4d4d4d;
    font-size:10px;
    text-align:center;
    margin:0 auto;
    width:300px;
    line-height:18px;
    letter-spacing:1px;
    bottom:10px;
    clear:both;
    left:0;
    position:fixed;
    }
    Merci d'avance de votre aide! n’hésite pas a me poser des questions si certain point vous semble flou.

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    <a name="exemple" hash="exemple" /> </a>
    "hash" n'existe pas comme attribut de <a>, il faut utiliser "name" uniquement

  3. #3
    Nouveau candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 2
    Par défaut
    Citation Envoyé par ornitho13 Voir le message
    "hash" n'existe pas comme attribut de <a>, il faut utiliser "name" uniquement
    Merci de ta réponse, mais malheureusement ça ne règle rien sous IE ça bouge tjrs pas et sur safari la bannière en fait tjrs a sa tête! mais ca fait un code plus propre.

Discussions similaires

  1. Problème avec Hash table
    Par tunwim dans le forum Langage
    Réponses: 6
    Dernier message: 05/04/2013, 10h06
  2. [CSS 3] Conteneur avec parent en position fixed
    Par JefReb dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 30/01/2013, 08h05
  3. [CSS 2.1] Problème avec position: fixed; lorsque la fenetre est redimensionnée
    Par chok371 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/07/2010, 11h30
  4. [RCP][IHM] Vue avec taille et position fixe
    Par barbu0055 dans le forum Eclipse Platform
    Réponses: 3
    Dernier message: 21/12/2007, 14h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo