[RESOLU] défilement molette

ovale · #1 07-05-2009, 08:04 AM

BOnjour

j'ai fini le site....ouf.
site
hier pas de souci et aujourd'hui je constate que je ne peux pas utiliser la molette de défilement de ma souris sur le site.
par contre elle marche sur d'autres sites.
j'ai pris mon portable avec une autre souris et là pareil, même problème
pourquoi le problème aujourd'hui et pas hier ?
PS : sur mon test navigateur pas de problème .......
merci de m'aider à solutionner le problème.

Remerciements pour ce kit graphique qui ravit tous les licenciés petits et grands.

ovale · #2 07-05-2009, 08:47 AM

voici le début du code de la page index avec les parties non modifiables... est-ce correct?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ovale de Loire Rugby, le rugby du val d'Amboise</title>
<style type="text/css">
A {text-decoration: none;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="jscripts/sound.js"></script>
<script src="jscripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="jscripts/AC_ActiveX.js" type="text/javascript"></script>
<link href="css/stylesheets.css" rel="stylesheet" type="text/css" />

<style>#free-flash-header a,#free-flash-header a:hover {color:#c2cae0;}#free-flash-header a:hover {text-decoration:none}</style>
<script language="javascript">

</script>



</style>
<![endif]-->
</head>

<body>

<div id="holder">

<div id="copy" style="height: 75px; position: absolute; bottom: 0px; left:0px; border: none; width: 100%;">
<div id="free-flash-header" style="width:820px;margin:0 auto;text-align:right;position:relative;bottom:0px;margin-top:63px;color:#C2CAE0;font-size:10px;font-family:Verdana"><strong>kits
graphiques</strong> sur <a href="http://www.kitsgratuits.com/"><strong>kits
graphiques</strong></a></div>
</div>

ovale · #3 07-05-2009, 09:00 AM

au cas où cela viendrait de là....
body {
margin: 0px 0;
padding: 0;
background: #cc0000;
/*font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font: normal 11px , Arial, Helvetica, sans-serif;
color:#ffffff;

}

#header {
width: 850px;
height: 200px;
margin-left: auto;
margin-right: auto;
}

#menu {
width: 850px;
height: 45px;
margin: 0 auto;
background: #ffff00;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
margin-left: 20px;
height : 25px;
padding: 15px 10px 0px 10px;
border-bottom: 4px solid #330010;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #000000;
border-bottom-color: #ffcd04;
}

#menu a:hover {
border-bottom-color: #ffcd04;
background: #ffcd04;
}

#menu .active a {
border-bottom-color: #ffcd04;
background: #ffcd04;
}

#content {
width: 850px;
margin: 0 auto;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
text-align : justify;

/*background:#000000;*/
}

#right {
width: 550px;
padding:3px;
margin-left:0px;
float:right;
background: #910000
/*background: #ff00ff;*/
}

#left {
width: 250px;
margin: 0 auto;
float:left;
padding:20px;
padding-top:0px;
background: #910000

/*background: #ff0000;*/
}

#left2 {
width: 810px;
margin: 0 auto;
float:left;
padding:20px;
padding-top:0px;
background: #910000

/*background: #ff0000;*/
}
#footer {
width: 850px;
margin: 0px auto;
padding: 3px 0px;
height: 50px;
border-top: 2px solid #FFFFFF;
background: #ffff00;
}

#footer p {
margin: 0px;
padding-top: 15px;
text-align: center;
font-size: 11px;
color: #000000;
}

#footer a {
color: #ffffff;
}

#footer a:hover {
color: #ffffff;
}

h1,h2 {
color:#ffff00;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:15px;padding-left:12px;
background: url(images/arrow.gif) no-repeat left center;
text-transform: uppercase;
}

.blue {
color:#ffff77;
font-weight: 800;
}

.white {
color:#ffffff;
font-weight: 800;
font-size: 12px;
strong {font-weight: strong;}
}

.bluesquare {
color:#ffff77;
font-weight: 800;
padding-left:12px;
background: url(images/square.gif) no-repeat left center;
}

a {
color:#ffffff;
}

a:hover {
color:#ffff00;
text-decoration :none;
}

hr {
width:100%;
height: 1px;
color:#ffff00;
background-color:#8fa819;

}

#holder { position: absolute; top: 0; left: 0;}
#copy {clear: both;}
html, body, #holder { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #holder { height: auto;}
#free-flash-header a:hover {color:#cdd2d7;text-decoration:none}
#resol {text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;position:fixed;padding-left:10px;width:290px;top:0px;left:1280px;margin:0 auto;background:#bfc6d9;} #resol h1 {background:none;font-size:1.2em;letter-spacing:10px;padding:0px;margin:0px;border: 0px;} #resol h2 {font-size:0.6em;letter-spacing:3px;padding:0px;margin:0px;background:none ;}

ovale · #4 07-05-2009, 10:56 AM

je comprends pas....

la molette marche quand je suis avec le site http://pagesperso-orange.fr/ovaledeloire/ mais pas avec la redirection www.ovale-de-loire.com

d'où cela vient-il ?

merci

kitsgratuits · #5 07-06-2009, 08:51 AM

De notre côté le site marche avec la molette sur les 2 URL et sur IE et Firefox.
Quel navigateur utilisez-vous ?

ovale · #6 07-06-2009, 05:43 PM

j'utilise internet explorer....
bizarre.

ce que je ne comprends pas c'est la différence entre l'url avant et après redirection...

ovale · #7 07-06-2009, 07:43 PM

j'ai essayé avec firefox pas de problème

par contre les polices shoisies ne sont plus du tout les mêmes . exsite-t-il un moyen de corriger ce problème ?

kitsgratuits · #8 07-07-2009, 08:17 AM

Bonjour,
Le problème doit venir du fait du système de frames utilisé.
En général ce système n'est pas conseillé pour beaucoup de raisons. Ce que je pourrais vous conseiller, c'est de prendre un hébergement du type de celui d'OVH (hébergment et nom de domaine), très peu cher, et qui vous éviterait de passer par des frames.