Duplication du fond
Résolu
mayelle
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
mayelle Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
mayelle Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un souci pour un site que je viens de faire, voici le lien : http://mayelle3ms.free.fr/masdeselfes/index.html
J'aimerais en fait que la barre de défilement s'arrête à la fin du texte, que l'on ait pas tout cet espace de fond vide.
Sous Firefox ça n'est pas trop gênant, mais Internet Explorer lui me double le fond en bas de page.
Une idée d'où ça peut venir et comment régler le problème ?
Merci.
J'ai un souci pour un site que je viens de faire, voici le lien : http://mayelle3ms.free.fr/masdeselfes/index.html
J'aimerais en fait que la barre de défilement s'arrête à la fin du texte, que l'on ait pas tout cet espace de fond vide.
Sous Firefox ça n'est pas trop gênant, mais Internet Explorer lui me double le fond en bas de page.
Une idée d'où ça peut venir et comment régler le problème ?
Merci.
A voir également:
- Duplication du fond
- Duplication écran - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Fond de page word - Guide
- Trame de fond word - Guide
- Google fond noir - Guide
6 réponses
Salut,
Dans ton ifram essais de ne pas répéter le background, avec du CSS.
Dans ton ifram essais de ne pas répéter le background, avec du CSS.
background:url("../images/b.jpg") no-repeat;
Bonjour,
Chez moi, la page que tu indiques s'affiche sans ascenseurs.
Celle-là par contre, les active.
Et c'est normal, tu demandes que la <table> fasse 1024px de haut.
Essaye d'adapter la hauteur.
Chez moi, la page que tu indiques s'affiche sans ascenseurs.
Celle-là par contre, les active.
Et c'est normal, tu demandes que la <table> fasse 1024px de haut.
Essaye d'adapter la hauteur.
Merci.
J'ai essayé sur la page d'accueil avec du CSS.
Ca marche bien, mais ça me fait unbloc blanc à la place de l'image sous IE, et sous Firefox il le remplit de la couleur du fond.
Pour ma page d'accueil en fait, j'ai dû fixer la hauteur du tableau a 1024px sinon il me met une iframe de 200px de haut avec plein de scroll.
Je bidouille surtout, donc je me doute que mon code soit pas très propre. Mais j'ai pas trouvé le moyen pour qu'on ne puisse pas descendre en dessous du texte.
J'ai essayé sur la page d'accueil avec du CSS.
Ca marche bien, mais ça me fait unbloc blanc à la place de l'image sous IE, et sous Firefox il le remplit de la couleur du fond.
Pour ma page d'accueil en fait, j'ai dû fixer la hauteur du tableau a 1024px sinon il me met une iframe de 200px de haut avec plein de scroll.
Je bidouille surtout, donc je me doute que mon code soit pas très propre. Mais j'ai pas trouvé le moyen pour qu'on ne puisse pas descendre en dessous du texte.
+ Pendant que j'y pense, avant de réfléchir à ta question, tes images sont un peu lourdes et donc longues à se charger.
Tu dois pouvoir le compresser un peu plus sans trop perdre de qualité, ou du moins que ça se remarque.
Tu dois pouvoir le compresser un peu plus sans trop perdre de qualité, ou du moins que ça se remarque.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Propositions.
Que je ne peux pas tester dans IE.
Essaye de placer la <table> dans un bloc <div id="conteneur"> auquel tu auras donné quelques attributs.
Mets ensuite la “height” de la <table> à “100%".
Le code de la page modifiée (les modif. sont en gras) :
Pour régler le problème de fond blanc, spécifies aussi la couleur de fond à l'<iframe> et aux pages qu'elle contient :
+ Cette page souffre de quelques défauts.
En HTML, dans “height="---px"”, le “px” est en trop
En XHTML, les <img> se ferment avec “[espace]/>”. Les <br> aussi
et les scripts nécessitent la présence d'un “type”
“ type="text/javascript"”
Tu as des <font></font> mal ouverts, mal fermés.
Que je ne peux pas tester dans IE.
Essaye de placer la <table> dans un bloc <div id="conteneur"> auquel tu auras donné quelques attributs.
Mets ensuite la “height” de la <table> à “100%".
Le code de la page modifiée (les modif. sont en gras) :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<meta name="author" lang="fr" content="mayelle">
<meta name="description" content="Le Mas des Elfes propose des chambres d'hôtes. Il est situé à Saint Jean de Fos, un petit village ancien, situé dans la vallée de l'Hérault et entouré de lieux culturels exceptionnels.">
<meta name="keywords" lang="fr" content="chambres saint jean de fos, chambres d'hotes saint jean de fos, chambres d'hôtes saint jean de fos, chambres hérault, chambres herault, chambres 34, chambres d'hote 34, chambres d'hôte 34, mas des elfes, chambres vallee de l'herault, chambres vallées de l'hérault, balades, ballades, randonnée, randonnee, pont du diable, aniane, saint guilhem, saint jean de fos, st jean de fos, saint jean-de-fos, st jean-de-fos, tourisme, olivier, vins, vin, clamouse, grotte de clamouse" />
<title>:: Le Mas des Elfes :: Chambres d'hôtes à Saint Jean de Fos</title>
<style type="text/css" media="screen"><!--
#calque1 { height: 380px; width: 520px; left: 60px; top: 213px; position: absolute; visibility: visible; }
body {
margin : 0px;
}
#conteneur {
width : 800px;
height : 677px;
background-color : #ffe9d9;
/*border : 1px solid #888;*/
}
--></style>
</head>
<body bgcolor="#FFE9DE">
<center>
<div id="conteneur">
<table width="800px" height="100%" border="0" cellspacing="0" cellpadding="0"><!-- height="1024px"> -->
<tr>
<td align="right" width="600px" height="177px" style="margin: 0px; padding: 0px;">
<img src="images/ban_top.jpg" border="0" usemap="#Map" /><br />
</td>
<td align="right" width="200px" height="177px" background="images/topright.jpg" style="margin: 0px; padding: 0px;">
</td>
</tr>
<tr valign="top">
<td valign="top" width="800px" height="100%" colspan="2">
<iframe src="pages/principale.html" style="margin: 0px; padding: 0px;" name="principale" id="principale" width="800px" height="100%" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" valign="top"></iframe>
</td>
</tr>
</table>
</div>
</center>
<map name="Map" id="Map"><area shape="rect" coords="41,19,495,143" href="../index.html" target="_parent" />
</map>
</body>
</html>Elle sera visible quelques temps ici.
Pour régler le problème de fond blanc, spécifies aussi la couleur de fond à l'<iframe> et aux pages qu'elle contient :
<body alink="black" vlink="black" link="black" bgcolor="#ffe9d9">dans http://mayelle3ms.free.fr/masdeselfes/fr/pages/principale.html par exemple (je te donne ça en HTML même si je le ferais en CSS (-; ).
+ Cette page souffre de quelques défauts.
En HTML, dans “height="---px"”, le “px” est en trop
En XHTML, les <img> se ferment avec “[espace]/>”. Les <br> aussi
et les scripts nécessitent la présence d'un “type”
“ type="text/javascript"”
Tu as des <font></font> mal ouverts, mal fermés.
Merci !
Le fond ne se duplique plus, et j'ai mis la couleur de fond.
Je passerai en revu toutes mes pages pour corriger les erreurs que tu as listées.
Par contre, une dernière chose, IE ne respecte pas le fait que j'ai interdit les scrolls pour l'iframe.
Donc je me retrouve avec deux barres de défilement.
Dans le body j'avais mis ça : style="overflow:hidden"
Le fond ne se duplique plus, et j'ai mis la couleur de fond.
Je passerai en revu toutes mes pages pour corriger les erreurs que tu as listées.
Par contre, une dernière chose, IE ne respecte pas le fait que j'ai interdit les scrolls pour l'iframe.
Donc je me retrouve avec deux barres de défilement.
Dans le body j'avais mis ça : style="overflow:hidden"
“scrolling="auto"” n'interdit pas les ascenseurs (-;
“scrolling="no"” peut-être ?
“scrolling="no"” peut-être ?