Problème de marge négative en basse résolution
4 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
- CrazyCow007
- WRInaute occasionnel

- Messages: 182
- Inscription: Dim Déc 28, 2003 17:07
Problème de marge négative en basse résolution
Bonjour à tous !
Voilà je vais essayer de faire le plus clair sans en écrire un roman
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 :
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 :
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 !
PS: N'hésitez pas à me poser des questions si ce n'est pas bien clair
Voilà je vais essayer de faire le plus clair sans en écrire un roman
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 :
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: Tout sélectionner
#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 !
PS: N'hésitez pas à me poser des questions si ce n'est pas bien clair
- CrazyCow007
- WRInaute occasionnel

- Messages: 182
- Inscription: Dim Déc 28, 2003 17:07
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
Je trouve bizzarre qu'il n'y ai que moi qui soit confronté à ce problème
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;
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 messages • Page 1 sur 1
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Nouvelle interface des pages de Google
- Contrer une redirection 302 intempestive...
- Windows Live Local et MSN Virtual Earth
- Annonces illustrées Google Adsense
- Comment éviter les contenus dupliqués (avec/sans le www)
- Utiliser Actifpub pour l'intégration d'un flux RSS externe sur son site
- Amazon lance le ProductWiki
- Diagnostic Référencement gratuit offert par Ranking Metrics
- Google Fast Flip : un outil pour feuilleter la presse en ligne
- link rel=canonical pour réduire les contenus dupliqués
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités



le forum