28172 sujets

CSS et mise en forme, CSS3

[résolu]Obtenir un fond partagé par un ensemble de Div

Bonjour,

Je tente d'appliquer une image de fond à un ensemble de Div contenues dans un sélecteur id.
Le problème est que ce fond ne s'applique qu'à l'id entete.

Apparemment l'utilisation ou non d'un include() n'influe pas.

Voici le code de la page :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Lorem</title>
<link rel="stylesheet" type="text/css" href="../CSS/style.css" />
</head>

<body>
<div id="contenant">
	<?php include 'Elements/entete.php' ?>
	<div id="chemin">
		<h2><a id="top" href="../">Ipsum</a></h2>
	</div>
	<div id="corps">
		<div id="colonne_gauche">
			<?php include 'Elements/menu.php' ?>
		</div>
		<div id="colonne_droite">
			
		</div>
		<div class="spacer" />
	</div>
	<div id="bas">
		<span>Ipsum</span>
	</div>
</div>
</body>
</html>

le code de l'entete :

<div id='entete'>
	<div class="titre">
		<h2>
			<a id="top" href="../">Lorem</a>
		</h2>
	</div>
	<div id="logo" /div>
</div>
<div class="spacer" /div>


et une partie du fichier CSS :
#contenant{
width:900px;
margin:auto;
}
#logo {
margin:4px; 
float: right;
width: 19px;
height:32px;
background-repeat: no-repeat;
background-image:url(../Images/Logos/signature.png);
}
#entete {
width:auto;
display:block;
height:40px;
background-image:url(../Images/apparence/entete.png);
}
#menu {
color:white;
}
#chemin{
width:auto;
display:block;
height:30px;
margin-bottom:5px;
background:black;
}
#corps{
width:auto;
display:block;
}
#colonne_gauche{
width:25%;
height:400px;
margin-right:20px;
padding-left:20px;
float:left;
border: black 1px solid;
background-color:white;
}
#colonne_droite{
width:70%;
height:400px;
float:left;
border: black 1px solid;
background-color:white;
overflow:auto;
}
#bas{
width:auto;
display:block;
height:24px;
background-image:url(../Images/apparence/bas.png);
border-bottom:black 1px solid;
position:relative;
}
body {
background-color:grey;
}
div.spacer{
clear:both; height:10px; display:block;
}


Auriez-vous des suggestions ?

Merci Smiley smile
Modifié par orang (08 Dec 2011 - 11:50)
La syntaxe de cette ligne n’est pas bonne :
<div id="logo" /div>


Si ce n’est pas dû à ça envoie le code html final que te donne ton navigateur, après que le php ait fait son include.
Modifié par adrien881 (08 Dec 2011 - 11:42)
Merci, effectivement, il s'agissait effectivement d'un problème avec cette syntaxe Smiley confused
Sujet clos
Aller à