Bug scrollbar sous FF

Version imprimable

18/05/2006, 18h58
@lexx

Bug scrollbar sous FF

Bonjour à tous,

Sur mon site en construction, j'ai installé une div avec comme propriété "owerflow:auto".
En gros, sur IE et Opera, tout marche nickel, c'est à dire que si la page à l'intérieur de ma div-frame, dépasse, il y a la scroll de déroulement qui s'affiche, et la page se déroule à l'intérieur du design.
Cependant, sur Firefox, quelque soit la longueur de la page dans ma div-frame, la scrollbar de fait pas son apparition, et le texte dépasse du design.
Quoi qu'il en soit, le meilleur moyen est de tester : ici
Essayez avec IE, puis avec FF...

Merci d'avance pour une éventuelle réponse de votre part!
19/05/2006, 00h25
balu
Bonjour @lexx,
Code:

1 2 .div1{width:462px; height:354 px; overflow:auto; position:fixed;}
Enlèves l'espace dans le height pour voir.

354px au lieu de 354 px

Code:

<div name="div1" id="div1" class="div1" wi>

Qu'est-ce que wi ? Faute de frappe?

Suggestion : tu pourrais utiliser une liste pour ton menu (accueil, services, créations et contact) au lieu d'un tableau et remplacer les images par du texte. Après tu utilises les CSS pour mettre en forme le menu.
19/05/2006, 12h05
@lexx

Salut balu, et merci pour ta réponse.

Ca marche super! J'ai enlevé l'espace dans le height du css, merci beaucoup.

Le "wi" était en effet une erreur.

Maintenant en ce qui concerne ta suggestion, c'est possible d'avoir exactement ce que j'ai (des textes entourés d'un rectangle de couleur) mais uniquement en css ?
19/05/2006, 21h57
balu

1 pièce(s) jointe(s)
Citation:

Envoyé par @lexx

Maintenant en ce qui concerne ta suggestion, c'est possible d'avoir exactement ce que j'ai (des textes entourés d'un rectangle de couleur) mais uniquement en css ?

Oui, c'est tout à fait possible. La mise en forme est le but des CSS. ;)

J'ai fait un exemple avec les couleurs de ton site. Voir le fichier attaché.

Pour l'exemple, j'ai ajouté une bordure et une couleur pour les liens actifs.

Si tu veux les enlever, retires les codes :

Code:

border: 1px solid #b60000;

et
Code:

1 2 3 4 ul#menu a:active { background: #d07474; color: #fff; }
Voilà! ;)