Salut à tous.
J'utilise la propriété autosroll : auto pour faire défiler le contenu d'une page, dynamiquement, dans un div. Pour faire plus simple, voici le site : http://auberge.crevoux.free.fr/auberge2
La partie se trouvant juste en dessous du menu, est un div, de dimension fixe, qui accueillent les différentes rubriques du menu.
J'appel dynamiquement ces pages via PHP.
Voici le CSS du bloc "contenu" :
La structure de la page qui me pose problème (restaurant):
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 #contenu { height: 500px; margin-left: 10px; width: 585px; margin-top: 10px; position: fixed; overflow: auto; }
un <h2> Pour le titre, et <p> pour le texte.
Le CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 h2 { color: #ac0000; margin-top: 0px; text-align: center; font-family: "Times New Roman",Times,serif; font-style: italic; font-size: 40px; font-weight: lighter;Mon problème est que sous Firefox, la section Accueil, restau, hebergement, et toutes les autres rubriques réagissent comme je le souhaite. En gros, le scroll apparait uniquement quand un contenu vient à deborder, donc tout bon pour ma page informations.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 #contenu p { margin-left: 20px; margin-right: 20px; text-align: left; font-style: oblique; }
Mais sous IE7, la rubrique restaurant part en sucette, elle s'étire sur la droite, alors que c'est toujours la meme règle CSS qui s'appliquent.
La structure est la meme pour el fichier Accueil et Restaurant.
Alors, bug IE ou bug perso?
Merci d'avance pour votre aide.
Partager