18041 sujets

Questions générales et questions de débutants

Frames , background-position et répétition de l'affichage ...

Bonjour,

dans le cadre de mon travail, j'ai récupéré la gestion d'une partie de l'intranet. Une structure de base avec une frame "menu" sur la gauche et une frame "page principale" sur la droite, s'impose à moi. Je gère la page principale. IE 6 est majoritaire à plus de 95% dans mon réseau.

J'ai voulu essayé d'assurer une continuité de style entre la frame gauche et la page en créant des titres principaux avec la même texture de fond plus un effet d'ombrage avec une règle sur "H1 span". J'ai ajouté un effet d'arrondi par une image que je positionne de façon absolue en fond de body.

Tout se passe bien dans IE en visualisant la page isolée.
Mais dès que je visionne la page avec les frames, l'affichage de la page de droite se répète pour occuper tout l'espace disponible, un peu comme si la "page principale" était une image de fond à répéter !

lorsque j'insère l'image "effet d'arrondi" dans l'html puis que je le positionne en css, l'affichage redevient normal !

la page de frame a une tête comme celle-ci:

<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 12 April 2005), see  www.w3.org">
 
    <title>
      page des missions
    </title>
    </head>
  <frameset framespacing="0" border="false" frameborder="0" cols="156,*">
    <frame name="sommaire" target="principal" scrolling="no" noresize src="test1.htm" style=
    "background-color: rgb(0,128,0)">
    <frame name="principal" scrolling="auto" src="test2.htm">
    <noframes>
      <body>
        <p>
          Cette page utilise des cadres, mais votre navigateur ne les prend pas en charge.
        </p>
      </body>
    </noframes>
  </frameset>
</html>


On peut prendre une page de gauche basique comme celle-ci :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1"http-equiv="content-type"><title>test1</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: red;"
 alink="#000099" link="#000099" vlink="#990099">
blah blah <br>test1<br><br>page de gauche
</body>
</html>


je structure ma page de droite sur cette base:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 12 April 2005), see  www.w3.org">
 
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      test2
    </title>
<style type="text/css">

body {
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  font-family: Verdana;
  background-position: 0px 84px;
  background-image: url(coin_rond.jpg);
}

</style>
  </head>
  <body>
    <h1>
      <span>page de droite</span>page de droite
    </h1>
  </body>
</html>


Avec ces éléments, le bug se produit dans IE6.

le plus drôle, c'est que des appuis répétés sur F5, alternent la production du bug et son absence Smiley confus

Mes recherches ici et ailleurs n'ont pas abouti ...
Quelqu'un connaitrait-il ce genre de bug ainsi qu'un moyen de le contourner ? des pistes de recherche ?

Merci.
Modifié par procraste (29 Nov 2007 - 12:50)
Sujet clos
Aller à