hchtot a écrit :
Salut,
Un truc dans le style devrait fonctionner avec Jquery (j'ai pas testé) :
$(document).ready(function(){
if (screen.width==800){
$("#id_de_ton_element").css("overflow","scroll");
}else{
$("#id_de_ton_element").css("overflow","hidden");
}
}
Cela dit, je me demande si tu ne peux pas te passer de ça en revoyant un peu ton css. C'est pas normal que tu aies cette différence. Il te manque peut-être un width ou autre quelque part.
je ne me suis jamais servis de jquery, ou doit on placer ce morceaux de code ?
___________________________________________________________________
le site se trouve à cette adresse :
http://www.jeannebiga.fr/
et si jamais ça peut vous aider voici ci-dessous le css et le html d'une des pages
html :
<!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>
<!-- Défilement du titre -->
<script language="JavaScript">
var txt=" Jeanne Biga, Distributeur Husse Saumur *** ";
var vitesse=175;
var refresh=null;
function scroll_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout("scroll_title()",vitesse);}
scroll_title();
</script>
<!-- fin Défilement du titre -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Distributeur Husse Saumur</title>
<META NAME="description" CONTENT="Vente et livraison d'aliments pour chiens et chats.
Phyto-aromathérapie canine, féline et équine.
Litière, accéssoires, boutiques.
Aliments à base de produits naturels.">
<META NAME="keywords" CONTENT="Saumur, 49, livraisons, livraison gratuite, distributeur Husse, alimentation animale, chien, chat, soins, cheval, chevaux, équidés, équin, aliment, accéssoires, litière, produits de soins, produits d'hygiène, friandise, aromathérapie, phytothérapie, produits naturel, litière, vente, boutiques
">
<META NAME="author" CONTENT="cedric perdriau (Tekken)">
<META NAME="copyright" CONTENT="©">
<META NAME="revisit-after" CONTENT="1 days">
<META NAME="identifier-url" CONTENT="http://jeannebiga.fr">
<META NAME="reply-to" CONTENT="cperdriau@gmail.com">
<META NAME="publisher" CONTENT="Tekken">
<META NAME="date-creation-ddmmyyyy" CONTENT="09.10.2009">
<META NAME="Robots" CONTENT="all">
<META NAME="Generator" CONTENT="dreamweaver, komposer">
<META NAME="organization" CONTENT="SARL Jeanne Biga">
<META NAME="contact" CONTENT="husse.saumur@gmail.com">
<META NAME="contactName" CONTENT="Mme Biga Jeanne">
<META NAME="category" CONTENT="alimentation animale">
<META http-equiv="Content-Language" CONTENT="fr">
<META http-equiv="Content-type" CONTENT="text/html;charset=iso-8859-1">
<META NAME="location" CONTENT="Belgique, BELGIQUE">
<META NAME="expires" CONTENT="never">
<META NAME="date-revision-ddmmyyyy" CONTENT="09.10.2009">
<META NAME="Distribution" CONTENT="Global">
<META http-equiv="Content-Script-Type" CONTENT="text/javascript">
<META http-equiv="Content-Style-Type" CONTENT="text/css">
<link rel="icon" href="http://jeannebiga.fr/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="cssgeneral.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="stylesheetPolices.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body class="thrColAbsHdr" onselectstart="return false" oncontextmenu="return false" ondragstart="return false" onMouseOver="window.status='Copyright © Jeanne Biga : tous droits réservés'; return true;" >
<!-- fin de anti clic droit -->
<!-- anti surlignement -->
<script language="JavaScript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
//internet explorer version 4 et plus
document.onselectstart=new Function ("return false")
//internet explorer version 6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<!-- fin anti surlignement -->
<!-- ChCounter -->
<?php
$chCounter_visible = 0;
$chCounter_status = 'active';
include( '/public_html/chCounter_3.1.3-full/3.1.3-full/counter.php' );
?>
<!-- fin ChCounter -->
<div id="container">
<div id="header">
<h1> </h1>
</div><!-- fin de header -->
<div id="menu">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="330">
<param name="movie" value="menu site jeanne.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="swfversion" value="8.0.35.0" />
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="menu site jeanne.swf" width="200" height="330">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="swfversion" value="8.0.35.0" />
<param name="allowScriptAccess" value="always" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div><!-- fin de menu -->
<div id="informationsbas">
<b class="styleTypoUprightBT">
<u><strong>Jeanne Biga</strong></u>
<br>
<br>
Vente et livraison d'aliments et d'accessoires pour chiens et chats.
<br>
Phyto-aromathérapie canine, féline et équine.</b>
</div><!-- fin de informationsbas -->
<div id="mainContent">
<div id="titre">
<u class="styleTypoUprightBT">Chat</u>
</div><!-- fin de titre -->
</div><!-- fin de mainContent -->
<div id="bloc1">
<div id="bloc2">
<div id="bloc3">
<p class="styleBodoniMT" align="center">
Retrouvez toute la gamme féline Husse,
<br>
en cliquant sur les liens suivants:
<br>
<br>
<br>
<a href="http://www.husse.fr/gamme/chats_croquettes" target="_blank">Croquettes</a>
<br>
<br>
<a href="http://www.husse.fr/gamme/chats_boites" target="_blank">Boîtes</a>
<br>
<br>
<a href="http://www.husse.fr/gamme/litiere" target="_blank">Litière</a>
<br>
<br>
<a href="http://www.husse.fr/gamme/chats_accessoires" target="_blank">Accessoires</a>
<br>
<br>
<a href="http://www.husse.fr/gamme/phytotherapie" target="_blank">Phytothérapie</a>
<br>
<br>
<a href="http://www.husse.fr/gamme/aromatherapie" target="_blank">Aromathérapie</a>
</p>
</div><!-- fin de bloc3 -->
</div><!-- fin de bloc2 -->
</div><!-- fin de bloc1 -->
<div id="footer">
<br>
<b class="styleTypoUprightBT"><a href="locale.php">Contact</a> <a href="mentionslegales.php">Mentions légales</a>
<br>
Copyright © : tous droits réservés à Jeanne Biga</b>
</div><!-- fin de footer -->
</div><!-- fin de container -->
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
css :
@charset "utf-8";
/* CSS Document */
/* polices */
h1.fontface {
font: 60px 'TypoUprightBTRegular', Verdana, Arial, sans-serif;
letter-spacing: 0;
}
h3.fontface {
font: 35px 'TypoUprightBTRegular', Verdana, Arial, sans-serif;
letter-spacing: 0;
}
u.styleTypoUprightBT {
font: 40px 'TypoUprightBTRegular', Verdana, Arial, sans-serif;
}
b.styleTypoUprightBT {
font: 25px 'TypoUprightBTRegular', Verdana, Arial, sans-serif;
}
p.styleTypoUprightBT {
font: 25px 'TypoUprightBTRegular', Verdana, Arial, sans-serif;
}
p.styleBodoniMT {
font: 17px 'BodoniMTRegular', Verdana, Arial, sans-serif;
}
html,body {
background-color: #FFC;
background: -moz-linear-gradient(top, #FFC, #F3CF54);
background: -webkit-gradient(linear, left top, left bottom, from(#FFC), to(#F3CF54));
font-family: TypoUpright BT;
font-size: 24px;
padding: 0;
margin: 0;
text-align: center;
height: 100%;
}
.thrColAbsHdr #container {
background-color: #FFC;
background-repeat: no-repeat;
background-image: url(images/cadre%20gris.png);
position: relative;
margin-left: auto;
margin-right: auto;
top: 20px;
width: 920px;
height: 740px;
text-align: center;
font-family: Bodoni MT;
font-size: 16px;
cursor: default;
}
.thrColAbsHdr #header {
background-color: #FFC;
background-image: url(images/en_tete_ok.png);
background-repeat: no-repeat;
height: 88px;
left: 58px;
top: 40px;
width: 804px;
position: absolute;
cursor: default;
}
.thrColAbsHdr #titre {
background-color: #FFC;
width: 600px;
position: absolute;
left: 250px;
top: 135px;
font-size: 24px;
cursor: default;
}
.thrColAbsHdr #menu {
background-color: #FFC;
position: absolute;
top: 150px;
width: 200px;
left: 40px;
cursor: default;
}
.thrColAbsHdr #informationsbas {
background-color: #FFC;
position: absolute;
font-size: 16px;
font-family: Bodoni MT;
font-size: 16px;
left: 40px;
top: 480px;
width: 200px;
cursor: default;
}
.thrColAbsHdr #mainContent {
width: 600px;
height: 600px;
margin: 0 250px;
cursor: default;
}
.thrColAbsHdr #bloc1, div#bloc2 {
width : 600px;
height : 430px;
cursor: default;
}
.thrColAbsHdr #bloc1 {
width: 600px;
height: 430px;
border: 1px dotted #F00;
position: absolute;
top: 190px;
left: 250px;
background-image: url(images/fond%20de%20page.png);
background-repeat: no-repeat;
background-position: center center;
color: #000;
cursor: default;
}
#reldiv1 {
z-index:1;
position: relative;
text-align: center;
cursor: default;
}
#reldiv2 {
z-index:3;
height: 100px;
position: relative;
text-align: center;
cursor: default;
}
.thrColAbsHdr #bloc2 {
overflow: auto ;
cursor: default;
}
.thrColAbsHdr #bloc3 {
padding : 40px 0 0 0px;
font-family: Bodoni MT;
font-size: 16px;
cursor: default;
overflow: hidden;
}
.thrColAbsHdr #bloc4 {
width: 400px;
padding-left: 100px;
padding-right: 50px;
cursor: default;
}
.twoColHybRtHdr #footer {
padding: 0 0px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
font-size:16px;
font-family:Bodoni MT;
cursor: default;
}
.thrColAbsHdr #footer {
background-color: #FFC;
position: absolute;
top: 622px;
width: 600px;
color: #000;
left: 250px;
cursor: default;
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
float: right;
margin-left: 8px;
cursor: default;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
float: left;
margin-right: 8px;
cursor: default;
}
/* liens */
A:link { /* balise <a> avec attribut href renseigné */
color: #FF0000;
text-decoration: none;
cursor: hand;
letter-spacing: 0px;
}
A:visited { /* lien visité */
color: #FF0000;
text-decoration: none;
cursor: hand;
}
a:active{
color: #FF0000;
text-decoration: none;
cursor: hand;
}
A:hover { /* lien au survol du curseur */
color: #72867d;
text-decoration: none;
cursor: hand;
font-style: italic;
text-shadow: 3px 3px 3px #F00;
}
/* fin liens */
Modifié par Tekken (31 Jan 2011 - 18:37)
) comme te l'a suggéré Laurie-Anne. Ensuite, tu y verras mieux et la correction des erreurs s'en trouvera facilité.
