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 :

Positionnement différent selon naviguateur


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de frog43
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    342
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 342
    Par défaut Positionnement différent selon naviguateur
    Bonjour à tous,
    voilà mon souci :

    http://www.designcreation.fr/somecab/usinage.html

    Le titre rouge n'est pas à la même place selon le naviguateur, il est plus ou moins haut, comment faire pour régler ce problême?

    Je suppose que c'est une question courante, si il y a besoin du code, je vous le donnerez ...

    Merci d'avance,
    Frog43.

  2. #2
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par défaut
    Citation Envoyé par frog43 Voir le message
    Bonjour à tous,
    voilà mon souci :

    http://www.designcreation.fr/somecab/usinage.html

    Le titre rouge n'est pas à la même place selon le naviguateur, il est plus ou moins haut, comment faire pour régler ce problême?

    Je suppose que c'est une question courante, si il y a besoin du code, je vous le donnerez ...

    Merci d'avance,
    Frog43.
    Salut,

    Visiblement, il n'y a pas que ton titre, le div txt se colle sur la marge de gauche avec ie6.

    Dans ton css tu n'enlève pas les marges et padding par défaut donc essaye ceci :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    * {margin:0; padding:0;}

    et ton body
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    body {margin-top: 5px;}

    Ensuite pourquoi tu utilises class et id en même temps dans un div tu mets soit l'un soit l'autre pas les deux en même temps cela n'a pas de sens

    tu mets à ta bannière :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #banniere
    {
     width: 1000px;
     height: 175px;
     margin-left:auto;
     margin-right:auto;
     background: transparent url(img/banniere.jpg) no-repeat;
    }

    ce qui te donne dans ton code
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="banniere"></div>
    et non pas
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="center" id="banniere"></div>

    Enfin pour le problème de positionnement de ton div#txt essaye avec un position absolute pour ie tu fais ceci (c'est une exemple)

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    * html #txt {position: absolute;}

    Seul ie6 sera rectifié quand tu toucheras au valeur de cet id

  3. #3
    Membre éclairé Avatar de frog43
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    342
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 342
    Par défaut
    Alors là, je te remercie vrément pout TOUS tes conseils, ils m'ont vrément bien aidés !!!
    En ce qui concerne IE 6 je vais les tester ce soir car la je ne dispose pas de cette version ...
    Mais j'espère que sa va marcher !!!
    Encor merci tu est un chef !!!

  4. #4
    Membre éclairé Avatar de frog43
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    342
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 342
    Par défaut
    J'ai essayé pour mon #txt mais il se position sur ma bannière, il est bien au centre par contre mais trop haut ...
    De plus le code n'est pas valide au w3c ...
    Donc j'ai laissé tombé ... Mais si tu as une autre idée je suis preneur ...
    Merci !

  5. #5
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    Essaye de réduire un petit peu la largeur de ton #txt, il se peut qu'il soit trop large et passe dessous le menu ^^

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. positionnement différent selon les ordinateurs
    Par kenza3005 dans le forum Référencement
    Réponses: 2
    Dernier message: 21/02/2014, 11h49
  2. Affichage différent selon texte dans une case
    Par pingoo78 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 22/11/2005, 16h32
  3. tailles d'input différentes selon les postes (?)
    Par mch_27 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 26/10/2005, 11h21
  4. [Interface graphique]Composant différents selon le PC
    Par Cyborg289 dans le forum Interfaces Graphiques en Java
    Réponses: 3
    Dernier message: 01/08/2005, 10h05
  5. CSS : fichier include différent selon chaque resolution
    Par Sylvain245 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 31/03/2005, 17h57

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