Une scrollbar en trop!

Angelmalefica · 9 Mai 2006

Bonjour à tous!!!

J'ai fait un site, et mon but était à la page des photos de faire en sorte que le menu ne bouge pas et que le fond du contenu reste fixe. J'ai réussit à faire ce que je voulais, mais le problème c'est que j'ai une double scrollbar... Celle de l'extérieur m'enerve car elle fait monter et descendre la totalité du contenu de mo site et le menu... J'aimerais l'enlever mais je ne sais pas comment faire...

Voici le code de ma page (la page du menu est à part):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<title>Location saisonnière à Puy Saint Vincent (05)</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<script LANGUAGE="JavaScript" type="text/javascript">
  if (top.frames.length!=0) top.location=self.document.location;
</script>
<style type="text/css">
html, body 
{
  height: 100%;
  width: 100%;
  background-attachment:fixed;
  /*overflow: auto;*/
}
body 
{
  font-family: "Palatino Linotype", "Comic Sans MS";
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  background-attachment:fixed;
}
#zonepage 
{
  height: 100%;
  margin-left: 15%;
  overflow: auto;
  background:#FFFFFF url(Util/fond_pages.jpg);
  background-attachment:fixed;
}
#zonemenu 
{
  position: absolute;
  left:0;
  background:#FFFFFF url(Util/fond_flocons.jpg);
  background-repeat: repeat-y;
  background-attachment:fixed;
  width: 15%;
  height: 100%;
  text-align:center;
}
/* Tout ce qui concerne les images */
img
{
  border:none;
}
/* Tout ce qui concerne le texte */
h1
{
 font: "Palatino Linotype", "Comic Sans MS";
 font-size: larger;
}
</style>
</head>

<body>
<?php
include ("menu.php");
?> 
  <div id="zonepage">
    <center><br><img src="Util/Titres/photos.gif" alt="Photos"><br><br><br><br>
	  <h1></h1><table width="75%"  border="1" cellspacing="5" cellpadding="1">
        <tr>
          <td>La terrasse plein sud</td>
          <td>La baie vitrée qui mène à l'extérieur</td>
      	  <td>La cuisine vue générale</td>
        </tr>
        <tr>
          <td height="260">
            <img src="Util/terrasse13.jpg" alt="Terrasse" border="0">
		  </td>
          <td>
            <img src="Util/baie_vitree13.jpg" alt="Baie vitree" border="0"> 
          </td>
          <td>
            <img src="Util/cuisine13.jpg" alt="Cuisine" border="0"> 
          </td>
        </tr>
        <tr>
          <td>Autre vue de la cuisine (lave vaisselle, cuisinière, évier)</td>
          <td>L'évier et le lave vaisselle</td>
          <td>Les escaliers pour monter à la chambre</td>
        </tr>
        <tr>
          <td height="260">
            <img src="Util/cuisine23.jpg" alt="Cuisine 2" border="0"> 
          </td>
          <td>
            <img src="Util/cuisiniere13.jpg" alt="Cuisiniere" border="0"> 
          </td>
          <td>
            <img src="Util/escaliers13.jpg" alt="Escaliers" border="0"> 
          </td>
        </tr>
        <tr>
          <td>Le salon</td>
          <td>Le salon 2</td>
          <td>Le salon avec la porte qui mène sur un balcon</td>
        </tr>
        <tr>
          <td height="260">
            <img src="Util/salon23.jpg" alt="Salon 1" border="0">
          </td>
          <td>
            <img src="Util/salon13.jpg" alt="Salon 2" border="0"> 
          </td>
          <td>
            <img src="Util/salon33.jpg" alt="Salon 3" border="0"> 
          </td>
        </tr>
        <tr>
          <td>La chambre</td>
          <td>La chambre deuxième vue</td>
          <td>La chambre troisième vue</td>
        </tr>
        <tr>
          <td height="260">
            <img src="Util/chambre23.jpg" alt="Chambre 1" border="0">
          </td>
          <td>
            <img src="Util/chambre33.jpg" alt="Chambre 2" border="0"> </td>
          </td>
		  <td>
            <img src="Util/chambre13.jpg" alt="Chambre 3" border="0">
          </td>
        </tr>
        <tr>
          <td>La lucarne de la chambre avec vue sur la montagne</td>
          <td>La salle de bain</td>
          <td>La salle de bain deuxième vue</td>
        </tr>
        <tr>
          <td height="260">
            <img src="Util/lucarne13.jpg" alt="Lucarne de la chambre" border="0">
          </td>
          <td>
            <img src="Util/sdb13.jpg" alt="Salle de bain 1" border="0">
          </td>
          <td>
            <img src="Util/sdb23.jpg" alt="Salle de bain 2" border="0"> 
          </td>
        </tr>
        <tr>
          <td>La vue à partir de la lucarne de la chambre</td>
          <td>La maison vue de dehors</td>
        </tr>
        <tr>
          <td height="260">
            <img src="Util/vue_chambre23.jpg" alt="Vue de la chambre" border="0">
          </td>
          <td>
            <img src="Util/exterieur13.jpg" alt="Vue de la terrasse" border="0">
          </td>
        </tr>
      </table></h1>
	</center>        
  </div> <!-- Fin du div "zonepage"-->

</body>
</html>

J'espère avoir bien expliqué mon soucis et vous remercie d'avance pour votre aide!

Angelmalefica · 9 Mai 2006

J'oubliais!!! Voici l'adresse des mon site:

Là!

mcfly · 9 Mai 2006

Salut

overflow-y:hidden;

Angelmalefica · 9 Mai 2006

Je ne sais pas où le mettre... :blush:

Et pis si je mets ca et que la personne rétrécie sa fenetre, la scrollbar n'apparaitra plus si?

En :rolleyes: ts cas merci bien pour la rapidité de ta réponse!

mcfly · 9 Mai 2006

L'overflow se place dans ta feuille de style css. Il te permet de gérer l'état des scollbars soit en x et en y si rien de spécifié, soit uniquement en x ou en y avec la syntaxe ci dessus.

Tu n'as plus qu'à définir ta feuille de style pour gérer la scrollbar que tu souhaite bloquer ou pas, et lui attribuer la valeur souhaitée: hidden, scroll, auto, inherit, etc...

Angelmalefica · 9 Mai 2006

Oui je sais qu'il faut le mettre dans le css, mais regarde mon css, on problème c'est ou le mettre? dans le html, body? dans le body?

C'est ca qui me chiffone... :blush:

Connexion

Une scrollbar en trop!

Sujets conseillés

Angelmalefica

Angelmalefica

mcfly

Angelmalefica

mcfly

Angelmalefica

Veuillez vous connecter pour commenter

Parcourir

Activité