28173 sujets

CSS et mise en forme, CSS3

Problème d'images d'arriere plan

Bonjour,

Cela fait maintenant quatre jour que je dévore littéralement ce site et ses très nombreux tutoriels afin de réaliser un petit site professionnel.

Le problème, je l'ai fait entièrement avec notepad et firefox et quand il a fallut adapter le tout à internet explorer, je me suis retrouvé confronté à de nombreux problèmes, et ce, malgré les nombreuses heures de recherches et la simplicité apparente de ma mise en forme.

Il s'agit de ce site : http://adfi.dyndns.org

Le problème est que mon image de fond (censé faire une mosaique) n'apparait pas...

Voici le css :
/**********************/
/* Caractères communs */
/**********************/

html, body {
	background-image: url('./images/fond.png');
	background-repeat: repeat;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	word-spacing: 0.5px;
	height: 100%;
	margin: 0;
	}

/**********/
/* Global */
/**********/

#global {
	background-color: #ddddee;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
	min-height: 100%;
	width: 750px;
	padding: 0 0;
	margin: 0 auto;
	position: relative;
	}

#global a, a:visited, a:hover, a:active {
	font-size: 17px;
	text-decoration: none;
	}

/**********/
/* Entete */
/**********/

#header {
	background-color: #6a92cd;
	color: #000000;
	border-bottom: 1px solid #000000;
	height: 50px;
	margin: 0;
	position: relative;
	}

#header img {
	vertical-align: bottom;
	padding-bottom: 3px;
	}

/**********/
/* centre */
/**********/

#centre {
	padding-bottom: 50px;
	overflow: auto;
	}

/************/
/* colonnes */
/************/
	
#content {
	width: 630px;
	margin-left: 10px;
	margin-bottom: 30px;
	}

#content a, a:visited, a:hover, a:active {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	}

/****************/
/* Pied de page */
/****************/

#footer {
	clear: both;
	font-size: 10px;
	text-decoration: none;
	border-top: 1px solid #000000;
	background-color: #9ac0fd;
	color: #0000ff;
	position: absolute;
	width: 750px;
	height: 20px;
	bottom: 0;
	}
	
#footer a, a:visited, a:hover, a:active {
	font-size: 10px;
	color: #0000ff;
	background-color: transparent;
	text-decoration: none;
	}

/**************************/
/* Mise en forme du titre */
/**************************/
.Style {
	font-family: Verdana, arial, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration: none;
	}
	
.Style2 {
	font-family: Verdana, arial, Helvetica, sans-serif;
	font-size: 38px;
	text-decoration: none;
	background-color: transparent;
	color: blue;
	}
	
/*********************************************/
/* Menu horizontal (rendu en-ligne des <li>) */
/*********************************************/
#nav {
	list-style: none;
	font-size: 14px;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#nav li {
	display: inline;
	height: 30px;
	margin: 2px 1px;
	border-bottom: 1px solid #000000;
	color: #ffffff ;
	background: #bbb ;
	}
	
#nav li a {
	background: #bbb ;
	color: #000000 ;
	border: 1px solid #000000 ;
	font: 1em Verdana, "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 10px ;
	text-align: center ;
	text-decoration: none ;
	}
	
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: #0000ff ;
	color: #ffffff ;
	text-decoration: underline ;
	}

/**************/
/* Google Map */
/**************/

#map {
	width: 443px;
	height: 400px;
	padding : 10px;
	border : 1px solid #1B5EA8;
	margin : 0 auto;
	}


Et la page index :
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Assistance Depannage et Formation Informatique</title>
<script type="text/javascript">
		<!--
		function load() {
			if (GBrowserIsCompatible()) {
				var map = new GMap2(document.getElementById("map"));
				map.setCenter(new GLatLng(47.236835, -1.589949), 15);
				map.addControl(new GLargeMapControl());
				function createMarker(point, texte)
					{
						var marker = new GMarker(point);
						map.addOverlay(marker);
						GEvent.addListener(marker, "click", function() {
						marker.openInfoWindowHtml(texte);
					});
					}
				/*Declaration d'un marqueur*/
				var point = new GLatLng(47.236996, -1.588910);
				createMarker(point, "Si&egrave;ge Social d'A.D.F.I.");
				}
			}
		//-->
</script>
<style type="text/css" media="all">@import "./style/style.css";</style>
<?php
$_SESSION['id'] = $_GET['id'];
$id = $_SESSION['id'];
if (!isset($id))
	{
		$id="accueil";
	}
if ($id=="contact")
	{
		echo "<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAa9ljfWrdNfUamN-Wj2VcUxRd9-oIybou14KC_eVoFhw96izBIhT__R4BAxiSZYSsCn0SgNW62JVwvg' type='text/javascript'></script>";
		echo "</head>";
		echo "<body onload='load()' onunload='GUnload()'>";
	} else {
		echo "</head>";
		echo "<body>";
	}
?>
<div id="global">
	<div id="header"><?php include("./entete.php");?><?php include("./menu.php");?></div>
	<div id="center">
		<div id="content"><?php include("./".$id.".php");?></div>
	</div>
	<div id="footer"><?php include("./pied.php");?></div>
</div>
</body>
</html>


Merci de votre aide
Modifié par bagu (13 Mar 2007 - 13:30)
Sujet clos
Aller à