Problème de marge négative en basse résolution

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par CrazyCow007, 24 Avril 2006.

  1. CrazyCow007
    CrazyCow007 WRInaute discret
    Inscrit:
    28 Décembre 2003
    Messages:
    167
    J'aime reçus:
    0
    Bonjour à tous !

    Voilà je vais essayer de faire le plus clair sans en écrire un roman :roll:

    D'après ce que j'ai lu dans le tutoriel Centrer les éléments ou un site web en CSS lors de l'utilisation de "position: absolu" sur un bloc les marges automatiques ne fonctionnent plus. Et effectivement sur mon site ça ne marche pas. Voila l'aperçu du site lorsque j'utilise les marges automatiques :
    [​IMG]

    On voit donc bien la structure des pages du site sur ce screenshot. La partie supérieure qui elle réagit bien à la technique des marges automatiques s'appelle row1.
    La partie centrale de la page, celle qui pose problème fait 982 pixels de large et s'apelle pagecell1.
    Voila le code CSS correspondant à ce bloc lorsque j'utilise des marges automatiques :
    Code:
    #pagecell1{
    	background:#FFFFFF url('fond.gif') repeat-y center; position:absolute;
    	top: 183px;
    	width: 982px;
    	margin-left: auto;
    	margin-right: auto;
    	min-height: 1465px;
    	height: 1465px;
    }
    Donc un résumé, en marges automatiques le bloc central qui est en position absolue reste sur la gauche ; en marges négatives (comme conseillé dans le tutoriel pour les blocs en position absolue), les hautes résolutions marchent bien mais dès que la largeur de l'écran est inférieur à 982 pixels (800*600 par exemple) une partie de la page ne peut pas être visionnée (la page est coupée à gauche).

    En espérant qu'il existe une solution en CSS pour mon problème... :?

    Merci beaucoup par avance !
    :wink:
    PS: N'hésitez pas à me poser des questions si ce n'est pas bien clair :?
     
  2. CrazyCow007
    CrazyCow007 WRInaute discret
    Inscrit:
    28 Décembre 2003
    Messages:
    167
    J'aime reçus:
    0
    Peut-être que mon explication n'est pas très claire, n'hésitez pas à me demander.
    Je trouve bizzarre qu'il n'y ai que moi qui soit confronté à ce problème :?
     
  3. gomoz
    gomoz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    224
    J'aime reçus:
    0
    Je ne pense pas, au contraire. De plus l'absence de réponse est plus la preuve que personne n'a vraiment trouvé de solution très efficace.

    Moi soit je persiste et je fais un tableau, soit j'ai fais aussi un truc avec les marges auto et display:table; ca marchait mais je sais plus bien si ca marchait vraiment mieux avec (sous ie) ou si j'étais pas passé avec position:relative;
     
  4. Szarah
    Szarah WRInaute accro
    Inscrit:
    22 Février 2006
    Messages:
    5 997
    J'aime reçus:
    1
    Expérimentation : essaie d'inverser
    margin-right: auto;
    margin-left: auto;

    Je n'en sais rien du tout, mais je veux pas t'abandonner à ce triste cssort :)
     
Chargement...
Similar Threads - Problème marge négative Forum Date
WordPress Un problème de marge Développement d'un site Web ou d'une appli mobile 5 Février 2020
problème marge droite body 100% / Ipad et Iphone Développement d'un site Web ou d'une appli mobile 7 Août 2013
Problème marge du pied de page Développement d'un site Web ou d'une appli mobile 9 Mai 2011
Problème de marge Développement d'un site Web ou d'une appli mobile 21 Mars 2011
probleme de marge de page - Resolu Développement d'un site Web ou d'une appli mobile 5 Août 2010
Problème de marge sous IE6 Développement d'un site Web ou d'une appli mobile 30 Mars 2009
Probleme avec une marge inutile dans mon iframe Développement d'un site Web ou d'une appli mobile 8 Juin 2008
[CSS] problème de marge dans liste Développement d'un site Web ou d'une appli mobile 28 Octobre 2005
Probleme de visibilité de ma page Facebook Facebook Aujourd'hui à 03:56
problème avec le développeur Droit du web (juridique, fiscalité...) 22 Juin 2022
Problème désindexation des pages de Google Débuter en référencement 21 Juin 2022
Problème d'indexation de pages sur Google Problèmes de référencement spécifiques à vos sites 31 Mai 2022
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème : Google Crawl et Index des pages en No Index et bloqué par le robot.txt Crawl et indexation Google, sitemaps 26 Avril 2022
Problème avec GA4 : nb de visiteurs temps réel et par jour Google Analytics 19 Avril 2022
Problème indexation pages précises en React.js Débuter en référencement 19 Avril 2022
Problème de référencement Demandes d'avis et de conseils sur vos sites 8 Avril 2022