28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je rencontre un pb auquel je ne trouve aucune solution.
J'ai un site centré margin : 0 auto; max-width: 1200px;.
Le background de mes tags H1 doivent dépasser à droite et à gauche du conteneur / h1.left { margin: 0 0 0 -35px; } & h1.right{ margin: 0 -35px 0 0; }.
A gauche pas de probleme mais à droite quand la taile de la fenetre est < 1200px des scrollbars horizontales apparaissent.
Les 35px de gauche sont cachées mais les à droite ça reste affichée!!!

Merci de votre aide
Salut,

Sans code c'est difficile à dire mais je pense que tu t'y prend mal. Il y a plusieurs pistes pour éviter ce désagrément :

- mettre un padding sur ton conteneur quand tu es <= à 1200px;
- mettre un overflow-x sur ton conteneur;
- utiliser un pseudo élément pour la partie qui dépasse en le positionnement en absolute, mais je ne suis pas sûr que ça ne créera pas d’ascenseur horizontal;
- à partir de 1200 px supprimer ton margin négatif (si j'ai bien compris ça te dérange pas qu'à gauche ça soit masqué).

Enfin tout dépend du rendu que tu souhaites avoir Smiley smile
salut,
même les positions absolues feront apparaître des scrollbar. Je pense que tu devrais englober cette partie sur laquelle tu voudrais ajouter une décoration qui dépasse dans une <div> sur laquelle tu appliqueras un "min-width:1200px". Si non, il y aura toujours des scrolls.