28220 sujets

CSS et mise en forme, CSS3

[Résolu] Probleme conteneur global

Bonjour,

J'ai bien regardé l'article concernant mon souci mais je n'arrive pas à l'adapter chez moi.

http://julihus.free.fr/www.ville-unieux.fr/citoyenne/citoyenne.php

Mon conteneur global (en gris) ne prends pas tout pourquoi ?

Voici le code 



#conteneur_global {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;
	background-color: #CCCCCC;
}


Merci de votre aide
Modifié par Julihus (28 Feb 2006 - 14:03)
Bonsoir,
D'une part ton lien est mauvais même en supprimant localhost,
d'autre part pour que quelqu'un puisse t'aider il faudrait que tu donnes ton code complet (avec le html)
Modifié par Hermann (23 Feb 2006 - 19:10)
Administrateur
Bonjour,

"localhost" ,c'est ta machine ou ton serveur web sur ta machine ...
Chez moi, localhost c'est MA machine et ainsi de suite pour la terre entière Smiley smile
Il faut que tu mettes ta page sur un serveur accessible par tout le monde (pages perso de Free ou autre)

Felipe
Désolée je n'avais pas changé les liens Smiley smile

Donc voici la bonne adresse :

http://julihus.free.fr/www.ville-unieux.fr/citoyenne/citoyenne.php

Et voici mon code CSS :

#conteneur_global {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;
	background-color: #CCCCCC;
}

#conteneur {
	position:relative;
	top:30px;
	width:735px;
	margin:0 auto 0 auto;
}

#contenu {
	top: 0px;
	position: absolute;
	width: 735px;
	top: 53px;
	background-repeat: repeat-y;
	background-position: right top;
}

#en-tete {
	width:735px;
	z-index:500;
	margin:0 auto 0 auto;
}

#liens_generaux {
margin:0 auto;
position:absolute;
width:735px;
z-index:100;
}

#menu_general,#bandeau_flash {
	margin:0;
}

#contenu_cible {
	width: 570px;
	top: 50px;
}

#rubriques_page {
	width:147px;
	position: absolute;
	top: 0;
	left: 588px;
}

#liens_relatifs {
	width: 130px;
	margin-top: 20px;
	position: absolute;
	right: 0;
	top: 300px;
	text-indent: 10px;
}

#bandeau_titre_rub {
	background-position:top;
	background-repeat:no-repeat;
	height:50px;
	width:735px;
	position: absolute;
}

#pied_de_page {
	height: 40px;
	width: 735px;
	background-color: #FFFFFF;
	text-align: center;
	position: absolute;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
}


Et le code html :

<!--CONTENEUR GLOBAL -->
<div id="conteneur_global">

<!--EN-TETE -->
<div id="en-tete">   

	<!--Bandeau Flash -->	
	<div id="bandeau_flash"><img src="../accueil/images/banniere_accueil.jpg" alt="banniere_accueil" width="735" height="100" />
	  <!--<object type="application/x-shockwave-flash" data="accueil/flash/bandeau_accueil.swf" width="735" height="100">
	   <param name="movie" value="accueil/flash/bandeau_accueil.swf"/>
	  <p>Il vous manque le plugin flash pour visionner l'animation.</p>
		</object>-->
	</div>
	<!--Fin bandeau_flash -->
	
	
	<!--Menu général -->	
	<div id="menu_general">
	
			<!--Liens généraux -->	
			<div id="liens_generaux">
			
			<?php include ("../commun/liens_generaux.html"); ?>  <!--Le fichier liens_generaux.htm est inclus à cet endroit -->
			</div>
	</div>
	<!--Fin menu général -->
</div>  
<!--FIN EN-TETE -->




<!--CONTENEUR -->
<div id="conteneur">

	<!--Bandeau contenant titre et chemin -->
	<div id="bandeau_titre_rub">
	
		<div id="titre_rub">
		<ul>
		<li class="gros_ssrub">Votre mairie à la loupe !</li>
		<li class="petit_ssrub"></li>
		</ul>
		</div>
  </div>

	
	<div id="contenu">
	
		<div id="contenu_cible">
		Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>Ceci est un test de contenu<br/>
		</div>

		<!--Liens de page à droite -->
		<div id="rubriques_page">
		
	
		<div class="rubriques">
		<?php include ("../citoyenne/rubriques_citoyenne.html"); ?> <!--Les rubriques accueil sont inclues à cet endroit -->
		</div>
		
		<div id="liens_relatifs">
			<ul>
		 	<li class="gif_accueil"><a href="../index.php" name="Accueil" accesskey="1" title="Accueil">Accueil</a></li> 
			<li class="gif_contact"><a href="#" accesskey="7" title="Contact">Contact</a></li> 
			</ul>
		</div>
		</div>
		<!--Fin liens de pages -->
		
		
		<!--PIED DE PAGE -->
		<div id="pied_de_page">
			<ul>
		 	<li><a href="#" accesskey="0" title="Raccourcis">Raccourcis</a></li> 
			<li><a href="#" accesskey="3" title="Plan du site">Plan du site</a></li> 
		 	<li><a href="#" accesskey="5" title="Mentions légales">Mentions légales</a></li> 
			</ul>

			<br />

		  <ul>
			
			<li><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fjulihus.free.fr%2Fwww.ville-unieux.fr%2F">
			<img src="../commun/images/valid-xhtml10.png" alt="Valid Xhtml!" style="border:0;width:88px;height:31px" /></a></li>
			
			<li><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://julihus.free.fr/www.ville-unieux.fr/">
			<img src="../commun/images/vcss.png" alt="Valid CSS!" style="border:0;width:88px;height:31px" /></a></li>			
		  </ul>
		</div> <!--Fin pied de page -->
	</div>
	<!--Fin contenu -->
</div>
<!--FIN CONTENEUR -->
</div>
<!--CONTENEUR GLOBAL -->


Mon probleme c'est le conteneur global en gris qui ne contient pas la totalité.

Merci
Sujet clos
Aller à