28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai toujours mon souci d'overflow.
Je tente ici de voir si quelqu'un a une idée qui serait utilisable sur ma présentation :
http://www.an16test.org/viewforum.php?f=261

Sous la dernière ligne <hr> de l'entête du site il y a un texte entouré de pointillé.
Les pointillés sont les bords d'une div.
Parfois la div est trop courte en rapport au texte qu'elle doit affiché.
Je veux que l'utilisateur puisse afficher tout le texte de manière lisible, s'il le désir.
Puis de réduire l'encart à sa taille d'origine qui ne dépasse pas du bas du menu de gauche.

J'ai tenter diverses approche , aucune ne fut concluante :
-Agrandir la div : le reste de la page sous la div descend et c'est pas jolie. Pas propre, pas à ma convenance.
- Mettre un box shadow sur le texte qu'on passe en overflow : pas jolie.
- Mettre un text-shadow: -1px -1px 1px #FFFFFF; : J'ai pas trouvé mieux mais c'est moyen dans certains cas. Tout dépend de ce qu'il y en dessous. particulièrement difficile à lire si ca se mélange a un autre texte en arriere plan.
- Utiliser une div en position absolue : variations selon le navigateur. Parfois des décalages liés au redimensionnement de la fenêtre.

Auriez vous un idée pour que le texte soit clairement lisible.
Et Qu'il n'agrandisse pas la page quand on affiche l'overflow.
Et qu'il n'y ai pas de problème de positionnement quelque soit le navigateur.

Bonne journée