Ma frame est trop basse
john
-
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>
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
Tu pourrais mettre le site en zip à pomper? Histoire de refaire tout ça, car là, c'est la grande déconnade ;-)
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 :-)
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 :-)
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
Tu peux peut-être adapter la taille de l'iframe en lui ajoutant des dimensions ?
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.
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.
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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é
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.
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.
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 ;-)
Ce pourquoi il serait plus simple de récupérer le zip et de faire les tests ;-)
“(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.,
“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 <.
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).
Reste apparemment le léger décalage... (mais bon, j'ai rien dit. p'tête un problème de fond).
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
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
<!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>