28173 sujets

CSS et mise en forme, CSS3

bonjours,

voici donc mon problème....
sur la base de cette page web.
http://www.tourre-architecte.com/actualite/actualite.htm
lors d'un sous menu, dans la rubrique Presse ..... j'ai placé un scrolling bar pour permettre a un texte trop long de ce contenir dans la case prevu...en toute somme le fonction basique d'un scrolling

le hic ... c'est uniquement sur mac (sous firefox et non sous safari) la dite "scrolling bar" reste la tout le temps elle n'apparait pas en meme temps que le sous menu elle apparait des l'ouverture de la page comme ça un peu perdu....toute le temps la a sa place potentiel, futur.... quand on active le sous menu elle remplie sa fonction correctement en bonne scrolling bar qu'elle est....
ma question comment s'assurer que la scrolling bar en question n'apparait qu'en temps voulu....

merci, help
Je viens de voir le problème avec mon mac, sous firefox.

un peu de code ? Le scrolling est en auto j'imagine ? et pas de bug sur la version PC de firefox ?
non en effet pas de beugue sur pc firefox... c'est meme plutot sur firefox pc que j'avais commencer le site...

voici un peu de ligne le fichier css ----------------------------------------


@import url("../menu/texte.css");
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}
#global {
	position:absolute;
	left: 50%;
	right: 50%;
	width: 662px;
	height: 310px;
	margin-top: 0px;
	margin-left: -500px;
}
.fond {
position: relative;
/* background-color: #D4D0C8;*/
background-image:url(NB-400-860.jpg);
top:49px;
left:80px;
width:860px;
height:400px;
}




.menu  {
/* Il est important de laisser une largeur et une marge, au cas où le Javascript
   soit désactivé. */
	background-image:url(../../communs/fond.png);
	background-repeat:repeat-x;
	border:0px solid #cccccc;
	padding:0px;
	margin:0px;
	color:#666666;
	text-align:left;
}
.menu a:link {
	color:#000000;
}
.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:  none;
	color:black;
	padding:4px 3px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}
.menu a:hover, .menu a:focus .menu a:visited{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement. au passage de la souris
	*/
	border:1px solid #ffffff;
	color:#CCCCCC;
	text-decoration:none;
	padding:3px 2px;
	width:100%;
}



.ssmenu {
/* border:0px solid #ffffff;
	*/
	background-image:url(../../communs/fond-vert.png);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	padding-top:11px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-decoration:none;
}
.ssmenu a:link {
	color:#666666;
	font-weight:800;	
}
.ssmenu a:hover, .ssmenu a:focus{
	filter:alpha(opacity=90);
	-moz-opacity:1;
	opacity:1;
	border:0px solid rgb(255,255,255);
	color:#FFFFFF;
	text-decoration:none;
}
.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none;
}


.ssmenu-titre a:link {
	color:#666666;
	font-weight:800;
}
.ssmenu-titre {
	color:#666666;
	font-weight:800;
}



le css est ssmenu avec un fond de 1px vert png.....

en effet le scrolling est en auto...

merci