Duplication du fond

Résolu/Fermé

mayelle Messages postés 5 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 22 juillet 2007 - 22 juil. 2007 à 11:50
mayelle Messages postés 5 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 22 juillet 2007 - 22 juil. 2007 à 17:48

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.

A voir également:

Duplication du fond
Duplication écran - Guide
Comment mettre une vidéo en fond d'écran - Guide
Fond de page word - Guide
Tache de fond de la protection du systeme microsoft windows - Forum Windows
Comment enlever le fond gris de chat gpt ✓ - Forum Bureautique

6 réponses

Réponse 1 / 6

s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
22 juil. 2007 à 14:24

Salut,

Dans ton ifram essais de ne pas répéter le background, avec du CSS.

background:url("../images/b.jpg") no-repeat;

Réponse 2 / 6

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
22 juil. 2007 à 15:40

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.

Réponse 3 / 6

mayelle Messages postés 5 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 22 juillet 2007
22 juil. 2007 à 15:46

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.

Réponse 4 / 6

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
22 juil. 2007 à 15:51

+ 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.

mayelle Messages postés 5 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 22 juillet 2007
22 juil. 2007 à 15:53

Oui c'est vrai, je me suis mal démerdée pour le faire...
Je les compresserai davantage, merci.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
22 juil. 2007 à 16:26

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) :

<!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&ocirc;tes &agrave; 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.

mayelle Messages postés 5 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 22 juillet 2007
22 juil. 2007 à 16:59

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"

Réponse 6 / 6

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
22 juil. 2007 à 17:23

“scrolling="auto"” n'interdit pas les ascenseurs (-;
“scrolling="no"” peut-être ?

mayelle Messages postés 5 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 22 juillet 2007
22 juil. 2007 à 17:48

Ben, je vais laisser les scrolls de l'iframe. Chez quelqu'un d'autre là il pouvait pas descendre jusqu'en bas avec juste celle de la page.
Ca varie trop, je vais m'arracher les cheveux si je continue, donc ça sera moche ! Tant pis.

En tout cas, merci beaucoup de ton aide ! Bons conseils.

Discussions similaires

Fond d'écran rogné et zoomé

Fond d'écran qui devient noir

iPhone : réduire une photo pour la mettre en fond d'écran

Créer fichier .SVG avec fond transparent

Fond d'écran carousel xiaomi

Discussions similaires

Newsletters