Ma frame est trop basse

john -  
 john -
bonjour a tous et merci pour l'aide deja apporté dans un precedent sujet (cf afficher un blog sur mon site)

mais j'ai toujours un probleme avec ma frame, elle est trop bassecomment puis je faire

cf http://manautop.free.fr/blog1.htm

le code de l apage

CTYPE 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="en" >
<head>

<title>Webdesign Créative - xHTML / CSS - Par Graphiques-Kits.com</title>

<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<link title="defaut" type="text/css" rel="stylesheet" href="style.css" media="screen" />

</head>

<body>

<div id="all">

<div id="header"></div>
<div id="contenu">
<div id="menu">
<div class="mrecherche"></div>
<div class="mhaut"><p><a title="Accueil" href="#">Accueil</a></p></div>
<div class="mfond"><p><a href="http://manautop.free.fr/blog" href="#">blog</a></p></div>
<div class="mfond"><p><a href="http://manautop.free.fr/page1.htm" href="#">radio</a></p></div>
<div class="mfond"><p><a title="Accueil" href="#">Forum</a></p></div>
<div class="mfond"><p><a title="Accueil" href="#">Contact</a></p></div>
<div class="mfond"><p><a title="Accueil" href="#">ontact</a></p></div>
</div>

<div id="corp">
<iframe src="http://manautop.free.fr/blog/" frameborder="0" marginwidth="0" marginheight="0" width="800" height="800" scrolling="auto/"></iframe>
</div>
<div id="footer"><p>Copyright 2006 Nomdusite - Design par <a title="Graphiques-Kits" href="http://www.graphiques-kits.com">Graphiques-Kits</a> - Toute reproduction est interdite</p></div>

</div>

</body>
</html>

11 réponses

  1. king
     
    Tu pourrais mettre le site en zip à pomper? Histoire de refaire tout ça, car là, c'est la grande déconnade ;-)
    0
    1. john
       
      autant pour moi je me suis trompé de fichier voila le vrai code l'autre est un fichier qui me sert juste a tester des trucs (vu que je suis noobs de chez noobs et que je commence) donc voila mais si tu veux toujours le site en zip ben je te le mettrait

      <!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="en" >
      <head>

      <title>blog,news</title>

      <meta http-equiv="Content-Language" content="fr" />
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

      <link title="defaut" type="text/css" rel="stylesheet" href="style.css" media="screen" />

      </head>

      <body>

      <div id="all">

      <div id="header"></div>
      <div id="contenu">
      <div id="menu">
      <div class="mrecherche"></div>
      <div class="mhaut"><p><a href="http://manautop.free.fr/index.htm" href="#">Accueil</a></p></div>
      <div class="mfond"><p><a href="http://manautop.free.fr/blog.htm" href="#">blog - news</a></p></div>
      <div class="mfond"><p><a href="http://manautop.free.fr/cours.htm" href="#">cours</a></p></div>
      <div class="mfond"><p><a href="http://manautop.free.fr/forum" href="#">forum</a></p></div>
      <div class="mfond"><p><a href="http://manautop.free.fr/radio.htm" href="#">radio</a></p></div>
      <div class="mfond"><p><a href="http://manautop.free.fr/contact.htm" href="#">contact</a></p></div>
      </div>
      <div id="corp">
      <p> <br /><br /><br /> <br /> bon je galère un peu au niveau des frame alors tans que je ne trouve rien de mieux ce sera comme ça <p><a href="http://manautop.free.fr/blog/ecrire/auth.php">.</a><br /></p><br /></div>
      <br /><br />
      </p><iframe src="http://manautop.free.fr/blog/" align="top" frameborder="10" marginwidth="0" marginheight="0" width="700" height="800" scrolling="no/"></iframe></p>


      </div>
      <div id="footer"><p>Copyright 2006 Nomdusite - Design par <a title="Graphiques-Kits" href="http://www.graphiques-kits.com">Graphiques-Kits</a> - Toute reproduction est interdite</p></div>

      </div>

      </body>
      </html>
      0
  2. king
     
    Il reste juste un pépin sur "blog-news" sur IE, Firefox, Opera

    Pour le reste, ça à l'air bon :-)

    Donc faudrait voir sur la chose en question:
    -1 apparemment un léger souci de largeur
    -2 un petit pépin de décalage

    Pour la largeur, c'est probablement dû à la barre de défilement non prise en compte. Le reste faudrait voir de plus près :-)
    0
  3. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bonjour,

    Il semble que tu mettes un élément (la page de blog) de 780px dans une iframe de 800px dans un autre (#corp) de taille indéfinie qui est lui-même contenu dans un autre (#contenu) sans taille définie lui-même dans un autre (#all) de 702px de large.

    Or, tu ne disposes que de 498px pour le faire
      #all          : 702
      #menu         : 174
      padding #corp : 20 + 10
      reste         : 498 

    Tu peux peut-être adapter la taille de l'iframe en lui ajoutant des dimensions ?
      iframe {
          width : 498px;
          height : 980px;
          }

    Comme tu as choisi de permettre le scrolling, ça tient. C'est pénible à lire, mais ça tient.
    Enfin, si mes recherches et mes calculs sont justes.
    À tester.
    0
  4. john
     
    merci à tous...mais j'arrive pas a le faire marcher corectement soit c'est trop petit soit trop decalé....
    mhhhh
    bon alors j'ai essayé comme vous m'avez conseiller ca fait rien de plus de mieux dsl sinon j'ai essayer en modifiant le style.css et le reste pour ouvrir un frame dans laquelle s'ouvrirait une autre frame mais c'est tres mauvais.

    pour plus de facilité je vous met en lien un zip contenant le css et la page htm(comme ca c'est plus pratique pour ceux qui veulent voir ou ca peut coincer) http://manautop.free.fr/aide.zip

    voila merci à tous pour votre aide et le temps passer à m'aider
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    L'option que je te propose en <4> a été mise en œuvre dans cet exemple à partir du lien que tu donnes au début.
    J'ai ajouté une “id="blog"” à ton iframe. J'ai aussi supprimé les dimensions en HTML dans l'iframe
    <iframe id="blog" src="http://manautop.free.fr/blog/" frameborder="0" marginwidth="0" 
    marginheight="0" width="800"  height="800" scrolling="auto/"></iframe>

    J'ai aussi refermé une <div> qui ne l'était pas*.
    Le décalage à partir du haut est dû au <p> contenant les liens que j'ai placé au début du <body>.

    Dans ta feuile de style, j'ai simplement ajouté
        iframe#blog {
          width : 498px;
          height : 1000px;
          }
    C'est visible ici, en bas.

    Tout cela fonctionne dans les navigateurs avec lesquels je l'ai testé.
    Vérifier qu'IE en fait autant.

    Cette méthode ne donne pas une page très lisible. Mais elle a l'avantage de refléter les mises à jour futures de ton blog.

    Une autre possibilité s'offre à toi.
    Elle consiste à ajouter dans cette page et à la main le code relatif aux interventions dans ton blog.
    À chaque fois que ça sera modifié.
    Elle nécessite aussi de modifier la feuille de styles.

    * Une méthode permettant de parer à ce défaut : refermer immédiatement chaque balise après l'avoir ouverte. Se replacer entre les deux avant d'ajouter le code.
    0
  7. king
     
    Le décalage persiste sous IE, le pépin ne vient pas du frame mais du div (me semble).

    Ce pourquoi il serait plus simple de récupérer le zip et de faire les tests ;-)
    0
  8. king
     
    Erf, viens de voir qu'il a mis un zip (j'ai rien dit) ;-)
    0
  9. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    “(cf afficher un blog sur mon site)” ?
    “elle est trop basse” ?
    “un petit pépin de décalage” ?
    “Le décalage persiste” ?

    Quel décalage ?

    Fais voir.
    Moi, après modif.,
        iframe#blog {
          width : 498px;
          height : 300px;
          }
    
    je vois > ça <.
    0
  10. king
     
    héhéhé, bien essayé, mais pas le même que "cet exemple" plus haut (?)
    Reste apparemment le léger décalage... (mais bon, j'ai rien dit. p'tête un problème de fond).
    0
  11. john
     
    merci a tous desolé de pas avoir été plus rapide dans mes reponses mais je me suis offert un tit week end en amoureux lol

    en fait je crois que j'ai trouver mon probleme
    si je reajoute un onglet dans les lients à gauche ma frame descend de la hauteur de cet onglets...il faudrait donc que je trouve le moyen de la faire commencer a la limite du bord droit de ces (dit) onglets..

    sinon je vient de lire les soluces de de gihef (je l'avait sauté...enfin son commentaire...lol dsl) donc je vais tester cette demaine et je vous tien au courant

    merci merci merci merci
    0
  12. john
     
    et aussi merci de toute cette aide et du temps passé sur mon problème...je crois que je vais filer m'inscrire de ce pas (honte de pas lavoir fait avant) et essayer d'apporter ma contribution
    0