Discussion :

[@lexx]

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!

[balu]

Bonjour @lexx,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

[@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 ?

[balu]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

border: 1px solid #b60000;

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Voilà!