margin auto css qui coupe les sites !

Discussion dans 'Administration d'un site Web' créé par ideezik, 8 Avril 2004.

  1. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    Bonsoir les gens !

    Je reviens vous embeter avec mes problèmes de css :wink:

    Pour centrer mon site sous les navs autres que IE, j'utilise :

    Code:
      margin-left:auto; 
  margin-right:auto;
    Bon, ca marche nickel, je vous rassure... Seulement ! Voila le code entier du div :

    Quand je test le site en 800x600, que vois-je ? Le site a perdu un bout à gauche ! En fait, le margin auto me redimensionne le site en 800px ! Donc il enlève gentillement 75px du site (a gauche).
    Et il ne fait ca QUE quand il y'a un background-color ou background-image.

    C'est fort quand meme !!!!

    Si vous voulez, une preuve, ouvrez tout autre nav que IE en 800x600 sur -www.ideezik.com/v2

    J'ai essayé de comprendre ce bug tout l'apres-midi et là je sèche !

    Il m'embete ce css :!:

    David
     
    #1 ideezik, 8 Avril 2004
  2. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    Apparement, je suis pas le seul à sécher !!!

    Meme pas le début d'une idée de solution ?

    :?: :?: :?:
     
    #2 ideezik, 9 Avril 2004
  3. ludoanimation
    ludoanimation WRInaute impliqué
    Inscrit:
    25 Juillet 2003
    Messages:
    677
    J'aime reçus:
    0
    Salut,

    essaye de preceder ton div par un :

    Code:
    body { margin: 0px auto; text-align: center;}
    ensuite :

    Code:
    div#header { 
background-image: url(img/ban.gif); 
width: 875px; 
height: 64px; 
padding: 0px; 
margin: 0px; 
text-align:justify; 
}
    en fait c'est le text align de ton body qui va centrer les ton header.

    pour ma part, je suis en train de reecrire tous le site en xhtml et css et j'ai pris le parti de ne JAMAIS utiliser de MARGIN ou de PADDING, je prefere alourdir le code avec des blocs en plus la ou je veux des espacements, et jouer avec les align span et clear ... enfin tant que tous les brouteurs ne sont pas aux normes.

    Ludo
     
    #3 ludoanimation, 9 Avril 2004
  4. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    J'ai déjà un text-align: center dans les propriétés de mon body. C'est la raison pour laquelle ca marche avec IE.
    J'ai essayé de rajouter ton margin auto 0px mais ca n'a pas résolu mon pb... :cry:

    David
     
    #4 ideezik, 9 Avril 2004
  5. yannouk
    yannouk WRInaute passionné
    Inscrit:
    11 Octobre 2003
    Messages:
    1 559
    J'aime reçus:
    0
    div#header c'est valable ca? Moi j'ai jamais vu, je connais que #header div {...

    ca pourrait quand meme pas venir de la?
    pour etre sur que ce soit pas un probleme de margin ou padding du contenants, tu peux toujours essayer:

    * {
    margin:0;
    padding:0;
    }
     
    #5 yannouk, 9 Avril 2004
  6. yannouk
    yannouk WRInaute passionné
    Inscrit:
    11 Octobre 2003
    Messages:
    1 559
    J'aime reçus:
    0
    euh...attend avec opera, j'ai redimensionné la fenetre, et tout est normal!!! ca reste centré tant qu'on reduit pas plus que la largeur définie, et ensuite, ca se calle a gauche et ca croppe la droite, normal
    A+!
     
    #6 yannouk, 9 Avril 2004
  7. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    C'est bien la le plus étrange ! Moi aussi j'ai fait ce test. Et ca fonctionne nickel. Sauf.... en 800x600 ! Si tu te mets en 1024 ou en 1280 et que tu réduis la fenetre (meme en dessous de 800x600) ca marche nickel mais en 800x600 (reel) ca merde !
    Y'a de quoi rien comprendre moi je vous le dit !!!

    David
     
    #7 ideezik, 9 Avril 2004
  8. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    Bon bah après trois quatre jours d'essais... Impossible d'afficher un site qui fait plus de 800px en résolution 800x600 avec des margin-auto et des background-color ou background-image.... :x
    J'irais pas jusqu'a dire que ca m'enerve.... mais j'suis pas loin là ! :evil:
    Du coup, les gens qui utilisent un vrai navigateur n'auront pas le site centré ! Super...

    David
     
    #8 ideezik, 10 Avril 2004
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - margin auto css Forum Date
Probleme margin padding dans une liste pour un menu avec puce Développement d'un site Web ou d'une appli mobile 5 Juin 2009
Améliorer mon référencement : encodage et mots clé marginaux Problèmes de référencement spécifiques à vos sites 19 Mars 2009
margin-left margin-right sous IE6 Développement d'un site Web ou d'une appli mobile 22 Juillet 2008
Propriété margin en css Développement d'un site Web ou d'une appli mobile 22 Avril 2008
Position absolute et margin-bottom aucun effet Développement d'un site Web ou d'une appli mobile 12 Février 2008
commande margin-top et FF... incompatibles ? Développement d'un site Web ou d'une appli mobile 4 Février 2006
Freendi.com - recrutement et média autour du télétravail Demandes d'avis et de conseils sur vos sites 12 Juillet 2022
Quelle est l'impact SEO de la traduction automatique d'un site en plusieurs langues? Référencement international (langues, pays) 5 Avril 2022
Comment réserver automatiquement un NDD ? Noms de domaine et référencement 17 Novembre 2021
Quel statut juridique après auto-entrepreneur ? Droit du web (juridique, fiscalité...) 3 Octobre 2021
Traitement auto des pages à QualityRisk élevé => nofollow ? Techniques avancées de référencement 30 Septembre 2021
Empêcher le download mais autoriser la lecture mp3 URL Rewriting et .htaccess 17 Août 2021
Backlinks Hors-Thématique et autorité Netlinking, backlinks, liens et redirections 8 Juin 2021
Problème mail automatique Développement d'un site Web ou d'une appli mobile 31 Mars 2021
Stratégies d'enchères automatiques de google Ads AdWords 29 Mars 2021
DNS et site auto-hébergé. Administration d'un site Web 27 Mars 2021
liens d'autorité de site Débuter en référencement 20 Février 2021
Améliorer le workflow d'automatisation de tâches sur Instagram Autres réseaux sociaux 27 Janvier 2021
Robots : n'autoriser que les 4 ou 5 moteurs de recherche principaux Crawl et indexation Google, sitemaps 15 Janvier 2021
Contenu dupliqué autorisé ? Problèmes de référencement spécifiques à vos sites 5 Décembre 2020